npm - zugzbot - Versions diffs - 1.3.0 → 1.4.0 - Mend

zugzbot 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (780) hide show

package/.opencode/oh-my-design/design-md/mintlify/preview.html DELETED Viewed

@@ -1,398 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Design System Inspired by Mintlify</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Geist+Mono:wght@400;500;600&display=swap" rel="stylesheet">
-<style>
-  :root {
-    --black: #0d0d0d;
-    --white: #ffffff;
-    --gray-50: #fafafa;
-    --gray-100: #f5f5f5;
-    --gray-200: #e5e5e5;
-    --gray-400: #888888;
-    --gray-500: #666666;
-    --gray-700: #333333;
-    --brand: #18E299;
-    --brand-light: #d4fae8;
-    --brand-deep: #0fa76e;
-    --warn: #c37d0d;
-    --info-blue: #3772cf;
-    --error: #d45656;
-    --border-subtle: rgba(0,0,0,0.05);
-    --border-medium: rgba(0,0,0,0.08);
-    --shadow-ambient: rgba(0,0,0,0.03) 0px 2px 4px;
-    --shadow-button: rgba(0,0,0,0.06) 0px 1px 2px;
-    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
-    --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace;
-  }
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    background: var(--white);
-    color: var(--black);
-    font-family: var(--font-sans);
-    font-size: 16px; font-weight: 400; line-height: 1.50;
-    -webkit-font-smoothing: antialiased;
-  }
-  /* NAV */
-  .nav {
-    position: sticky; top: 0; z-index: 100;
-    display: flex; align-items: center; justify-content: space-between;
-    padding: 12px 32px;
-    background: rgba(255,255,255,0.88);
-    backdrop-filter: blur(12px);
-    border-bottom: 1px solid var(--border-subtle);
-  }
-  .nav-brand { font-size: 14px; font-weight: 600; color: var(--black); text-decoration: none; letter-spacing: -0.28px; }
-  .nav-links { display: flex; gap: 24px; list-style: none; }
-  .nav-links a { font-size: 14px; font-weight: 500; color: var(--gray-500); text-decoration: none; transition: color 0.15s; }
-  .nav-links a:hover { color: var(--brand); }
-  .nav-cta {
-    display: inline-block; background: var(--black); color: var(--white);
-    padding: 7px 18px; border-radius: 9999px; font-size: 14px; font-weight: 500;
-    text-decoration: none; transition: opacity 0.15s;
-  }
-  .nav-cta:hover { opacity: 0.88; }
-  /* HERO */
-  .hero {
-    padding: 96px 32px 80px; text-align: center;
-    background: linear-gradient(180deg, #e8faf1 0%, #f0fdf6 30%, #ffffff 100%);
-    position: relative;
-  }
-  .hero h1 {
-    font-size: 56px; font-weight: 600; line-height: 1.10;
-    letter-spacing: -1.28px; color: var(--black); margin-bottom: 16px;
-  }
-  .hero p { font-size: 18px; font-weight: 400; line-height: 1.50; color: var(--gray-500); max-width: 560px; margin: 0 auto 32px; }
-  .hero-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
-  .btn-dark {
-    display: inline-block; background: var(--black); color: var(--white);
-    padding: 10px 24px; border-radius: 9999px; border: none;
-    font-family: var(--font-sans); font-size: 15px; font-weight: 500;
-    text-decoration: none; cursor: pointer; transition: opacity 0.15s;
-    box-shadow: var(--shadow-button);
-  }
-  .btn-dark:hover { opacity: 0.88; }
-  .btn-ghost {
-    display: inline-block; background: var(--white); color: var(--black);
-    padding: 10px 24px; border-radius: 9999px; border: 1px solid var(--border-medium);
-    font-family: var(--font-sans); font-size: 15px; font-weight: 500;
-    text-decoration: none; cursor: pointer; transition: border-color 0.15s;
-  }
-  .btn-ghost:hover { border-color: var(--gray-400); }
-  /* SECTIONS */
-  .section { padding: 64px 32px; max-width: 1200px; margin: 0 auto; }
-  .section-label {
-    font-family: var(--font-mono); font-size: 12px; font-weight: 500;
-    color: var(--gray-400); text-transform: uppercase; margin-bottom: 8px;
-    letter-spacing: 0.6px;
-  }
-  .section-title { font-size: 32px; font-weight: 600; line-height: 1.20; letter-spacing: -0.8px; margin-bottom: 32px; }
-  .section-divider { border: none; border-top: 1px solid var(--border-subtle); margin: 0; }
-  /* COLORS */
-  .color-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 12px; margin-bottom: 24px; }
-  .color-swatch { border-radius: 16px; overflow: hidden; border: 1px solid var(--border-subtle); }
-  .color-swatch-block { height: 72px; width: 100%; }
-  .color-swatch-info { padding: 10px 12px; }
-  .color-swatch-name { font-size: 13px; font-weight: 600; margin-bottom: 2px; letter-spacing: -0.26px; }
-  .color-swatch-hex { font-size: 12px; color: var(--gray-500); font-family: var(--font-mono); }
-  .color-swatch-role { font-size: 11px; color: var(--gray-400); margin-top: 3px; }
-  .color-group-label { font-size: 14px; font-weight: 600; color: var(--gray-500); letter-spacing: -0.28px; margin: 24px 0 10px; }
-  /* TYPOGRAPHY */
-  .type-sample { margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--border-subtle); }
-  .type-sample:last-child { border-bottom: none; }
-  .type-meta { font-family: var(--font-mono); font-size: 12px; font-weight: 500; color: var(--gray-400); margin-top: 8px; }
-  /* BUTTONS */
-  .button-row { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
-  .button-item { text-align: center; }
-  .button-label { font-size: 12px; font-weight: 500; color: var(--gray-400); margin-top: 8px; }
-  .btn-brand {
-    display: inline-block; background: var(--brand); color: var(--black);
-    padding: 10px 24px; border-radius: 9999px; font-size: 15px; font-weight: 500;
-    text-decoration: none; border: none; cursor: pointer;
-  }
-  .btn-pill-badge {
-    display: inline-block; background: var(--brand-light); color: var(--brand-deep);
-    padding: 4px 12px; border-radius: 9999px; font-size: 13px; font-weight: 500;
-    text-decoration: none; text-transform: uppercase; letter-spacing: 0.3px;
-  }
-  /* CARDS */
-  .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; }
-  .card {
-    background: var(--white); border-radius: 16px; padding: 24px;
-    border: 1px solid var(--border-subtle);
-    box-shadow: var(--shadow-ambient);
-    transition: border-color 0.2s;
-  }
-  .card:hover { border-color: var(--border-medium); }
-  .card h3 { font-size: 20px; font-weight: 600; letter-spacing: -0.2px; margin-bottom: 8px; }
-  .card p { font-size: 14px; color: var(--gray-500); line-height: 1.50; }
-  .card-badge {
-    display: inline-block; font-family: var(--font-mono); font-size: 12px; font-weight: 500;
-    text-transform: uppercase; padding: 2px 10px; border-radius: 9999px; margin-bottom: 12px;
-    letter-spacing: 0.5px;
-  }
-  /* FEATURED CARD */
-  .card-featured {
-    background: var(--white); border-radius: 24px; padding: 32px;
-    border: 1px solid var(--border-subtle);
-    box-shadow: var(--shadow-ambient);
-  }
-  .card-featured h3 { font-size: 24px; font-weight: 600; letter-spacing: -0.24px; margin-bottom: 8px; }
-  .card-featured p { font-size: 16px; color: var(--gray-500); line-height: 1.50; }
-  /* FORMS */
-  .form-group { margin-bottom: 20px; max-width: 400px; }
-  .form-label { display: block; font-size: 14px; font-weight: 500; color: var(--black); margin-bottom: 6px; }
-  .form-input {
-    width: 100%; background: var(--white); color: var(--black);
-    border: 1px solid var(--border-medium); padding: 10px 16px; border-radius: 9999px;
-    font-family: var(--font-sans); font-size: 14px; outline: none;
-    transition: border-color 0.15s;
-  }
-  .form-input:focus { border-color: var(--brand); box-shadow: 0 0 0 1px var(--brand); }
-  .form-input--focus { border-color: var(--brand); box-shadow: 0 0 0 1px var(--brand); }
-  .form-input--error { border-color: var(--error); box-shadow: 0 0 0 1px var(--error); }
-  .form-textarea {
-    width: 100%; min-height: 80px; background: var(--white); color: var(--black);
-    border: 1px solid var(--border-medium); padding: 12px 16px; border-radius: 16px;
-    font-family: var(--font-sans); font-size: 14px; resize: vertical; outline: none;
-  }
-  .form-state-label { font-size: 11px; color: var(--gray-400); margin-top: 4px; }
-  /* SPACING */
-  .spacing-row { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; margin-bottom: 24px; }
-  .spacing-item { text-align: center; }
-  .spacing-block { background: var(--brand); border-radius: 4px; margin-bottom: 6px; height: 28px; }
-  .spacing-value { font-family: var(--font-mono); font-size: 11px; font-weight: 500; color: var(--gray-400); }
-  /* RADIUS */
-  .radius-row { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
-  .radius-item { text-align: center; }
-  .radius-box { width: 64px; height: 64px; background: var(--black); margin-bottom: 6px; }
-  .radius-label { font-family: var(--font-mono); font-size: 11px; font-weight: 500; color: var(--gray-400); }
-  .radius-context { font-size: 10px; color: var(--gray-400); }
-  /* ELEVATION */
-  .elevation-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
-  .elevation-card { background: var(--white); border-radius: 16px; padding: 20px; text-align: center; }
-  .elevation-label { font-size: 14px; font-weight: 600; letter-spacing: -0.28px; margin-bottom: 4px; }
-  .elevation-desc { font-family: var(--font-mono); font-size: 11px; color: var(--gray-400); }
-  /* FOOTER */
-  .footer { padding: 32px; text-align: center; border-top: 1px solid var(--border-subtle); font-size: 13px; color: var(--gray-500); }
-  .footer a { color: var(--brand); text-decoration: underline; }
-  @media (max-width: 768px) {
-    .hero h1 { font-size: 40px; letter-spacing: -0.8px; }
-    .nav-links { display: none; }
-    .section { padding: 48px 20px; }
-    .card-grid { grid-template-columns: 1fr; }
-  }
-</style>
-</head>
-<body>
-<nav class="nav">
-  <span class="nav-brand">awesome-design-md</span>
-  <ul class="nav-links">
-    <li><a href="#colors">Colors</a></li>
-    <li><a href="#typography">Typography</a></li>
-    <li><a href="#buttons">Buttons</a></li>
-    <li><a href="#cards">Cards</a></li>
-    <li><a href="#forms">Forms</a></li>
-    <li><a href="#spacing">Spacing</a></li>
-  </ul>
-  <a class="nav-cta" href="#">Get Started</a>
-</nav>
-<section class="hero">
-  <h1>Design System<br>Inspired by Mintlify</h1>
-  <p>A design token catalog generated from DESIGN.md. Every color, font, component, and spacing value — visualized.</p>
-  <div class="hero-buttons">
-    <a class="btn-dark" href="#">Get Started</a>
-    <a class="btn-ghost" href="#">View Documentation</a>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="colors">
-  <div class="section-label">01 / Colors</div>
-  <h2 class="section-title">Color Palette</h2>
-  <div class="color-group-label">Primary</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#0d0d0d"></div><div class="color-swatch-info"><div class="color-swatch-name">Near Black</div><div class="color-swatch-hex">#0d0d0d</div><div class="color-swatch-role">Primary text, headings</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#ffffff; border-bottom:1px solid #e5e5e5"></div><div class="color-swatch-info"><div class="color-swatch-name">Pure White</div><div class="color-swatch-hex">#ffffff</div><div class="color-swatch-role">Page background</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#18E299"></div><div class="color-swatch-info"><div class="color-swatch-name">Brand Green</div><div class="color-swatch-hex">#18E299</div><div class="color-swatch-role">Brand accent, CTAs</div></div></div>
-  </div>
-  <div class="color-group-label">Brand Extended</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#d4fae8"></div><div class="color-swatch-info"><div class="color-swatch-name">Green Light</div><div class="color-swatch-hex">#d4fae8</div><div class="color-swatch-role">Badge backgrounds</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#0fa76e"></div><div class="color-swatch-info"><div class="color-swatch-name">Green Deep</div><div class="color-swatch-hex">#0fa76e</div><div class="color-swatch-role">Badge text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#1ba673"></div><div class="color-swatch-info"><div class="color-swatch-name">Annotate Green</div><div class="color-swatch-hex">#1ba673</div><div class="color-swatch-role">Code annotations</div></div></div>
-  </div>
-  <div class="color-group-label">Semantic</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#3772cf"></div><div class="color-swatch-info"><div class="color-swatch-name">Info Blue</div><div class="color-swatch-hex">#3772cf</div><div class="color-swatch-role">Tags, annotations</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#c37d0d"></div><div class="color-swatch-info"><div class="color-swatch-name">Warn Amber</div><div class="color-swatch-hex">#c37d0d</div><div class="color-swatch-role">Warnings, caution</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#d45656"></div><div class="color-swatch-info"><div class="color-swatch-name">Error Red</div><div class="color-swatch-hex">#d45656</div><div class="color-swatch-role">Errors, destructive</div></div></div>
-  </div>
-  <div class="color-group-label">Neutral Scale</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#333333"></div><div class="color-swatch-info"><div class="color-swatch-name">Gray 700</div><div class="color-swatch-hex">#333333</div><div class="color-swatch-role">Secondary text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#666666"></div><div class="color-swatch-info"><div class="color-swatch-name">Gray 500</div><div class="color-swatch-hex">#666666</div><div class="color-swatch-role">Tertiary text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#888888"></div><div class="color-swatch-info"><div class="color-swatch-name">Gray 400</div><div class="color-swatch-hex">#888888</div><div class="color-swatch-role">Placeholders</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#e5e5e5"></div><div class="color-swatch-info"><div class="color-swatch-name">Gray 200</div><div class="color-swatch-hex">#e5e5e5</div><div class="color-swatch-role">Borders</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#f5f5f5; border-bottom:1px solid #e5e5e5"></div><div class="color-swatch-info"><div class="color-swatch-name">Gray 100</div><div class="color-swatch-hex">#f5f5f5</div><div class="color-swatch-role">Subtle surface</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#fafafa; border-bottom:1px solid #e5e5e5"></div><div class="color-swatch-info"><div class="color-swatch-name">Gray 50</div><div class="color-swatch-hex">#fafafa</div><div class="color-swatch-role">Near-white tint</div></div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="typography">
-  <div class="section-label">02 / Typography</div>
-  <h2 class="section-title">Typography Scale</h2>
-  <div class="type-sample"><div style="font-size:56px; font-weight:600; line-height:1.10; letter-spacing:-1.28px;">Display Hero</div><div class="type-meta">Display Hero — 56px / 600 / 1.10 / -1.28px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:40px; font-weight:600; line-height:1.10; letter-spacing:-0.8px;">Section Heading</div><div class="type-meta">Section Heading — 40px / 600 / 1.10 / -0.8px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:24px; font-weight:500; line-height:1.30; letter-spacing:-0.24px;">Sub-heading</div><div class="type-meta">Sub-heading — 24px / 500 / 1.30 / -0.24px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:20px; font-weight:600; line-height:1.30; letter-spacing:-0.2px;">Card Title</div><div class="type-meta">Card Title — 20px / 600 / 1.30 / -0.2px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:18px; font-weight:400; line-height:1.50;">Body Large — The intelligent knowledge platform that powers your documentation, APIs, and guides.</div><div class="type-meta">Body Large — 18px / 400 / 1.50 / normal / Inter</div></div>
-  <div class="type-sample"><div style="font-size:16px; font-weight:400; line-height:1.50;">Body — Standard reading text for documentation and content.</div><div class="type-meta">Body — 16px / 400 / 1.50 / normal / Inter</div></div>
-  <div class="type-sample"><div style="font-size:16px; font-weight:500; line-height:1.50;">Body Medium — Navigation and emphasized text</div><div class="type-meta">Body Medium — 16px / 500 / 1.50 / Inter</div></div>
-  <div class="type-sample"><div style="font-size:15px; font-weight:500; line-height:1.50;">Button Label</div><div class="type-meta">Button — 15px / 500 / 1.50 / Inter</div></div>
-  <div class="type-sample"><div style="font-size:14px; font-weight:500; line-height:1.50;">Link / Caption</div><div class="type-meta">Link / Caption — 14px / 500 / 1.50 / Inter</div></div>
-  <div class="type-sample"><div style="font-size:13px; font-weight:500; line-height:1.50; text-transform:uppercase; letter-spacing:0.65px;">Section Label</div><div class="type-meta">Label Uppercase — 13px / 500 / uppercase / 0.65px / Inter</div></div>
-  <div class="type-sample"><div style="font-family:var(--font-mono); font-size:12px; font-weight:500; line-height:1.50; text-transform:uppercase; letter-spacing:0.6px;">MONO TECHNICAL LABEL</div><div class="type-meta">Mono Code — 12px / 500 / uppercase / 0.6px / Geist Mono</div></div>
-  <div class="type-sample"><div style="font-family:var(--font-mono); font-size:10px; font-weight:500; line-height:1.50; text-transform:uppercase;">MICRO LABEL</div><div class="type-meta">Mono Micro — 10px / 500 / uppercase / Geist Mono</div></div>
-</section>
-<hr class="section-divider">
-<section class="section" id="buttons">
-  <div class="section-label">03 / Buttons</div>
-  <h2 class="section-title">Button Variants</h2>
-  <div class="button-row">
-    <div class="button-item"><a class="btn-dark" href="#">Get Started</a><div class="button-label">Primary Dark</div></div>
-    <div class="button-item"><a class="btn-ghost" href="#">Documentation</a><div class="button-label">Ghost / Outline</div></div>
-    <div class="button-item"><a class="btn-brand" href="#">Start Building</a><div class="button-label">Brand Accent</div></div>
-    <div class="button-item"><span class="btn-pill-badge">Documentation</span><div class="button-label">Pill Badge</div></div>
-    <div class="button-item"><span style="display:inline-block; background:rgba(55,114,207,0.12); color:#3772cf; padding:4px 12px; border-radius:9999px; font-size:12px; font-weight:500;">Info</span><div class="button-label">Info Badge</div></div>
-    <div class="button-item"><span style="display:inline-block; background:rgba(195,125,13,0.12); color:#c37d0d; padding:4px 12px; border-radius:9999px; font-size:12px; font-weight:500;">Warning</span><div class="button-label">Warning Badge</div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="cards">
-  <div class="section-label">04 / Cards</div>
-  <h2 class="section-title">Card Examples</h2>
-  <div class="card-grid">
-    <div class="card">
-      <div class="card-badge" style="background:var(--brand-light); color:var(--brand-deep);">Docs</div>
-      <h3>Intelligent Search</h3>
-      <p>AI-powered search that understands your documentation and delivers precise answers to developer questions.</p>
-    </div>
-    <div class="card">
-      <div class="card-badge" style="background:rgba(55,114,207,0.1); color:#3772cf;">API</div>
-      <h3>API Reference</h3>
-      <p>Auto-generated API documentation with interactive examples, authentication flows, and code snippets.</p>
-    </div>
-    <div class="card">
-      <div class="card-badge" style="background:rgba(195,125,13,0.1); color:#c37d0d;">Analytics</div>
-      <h3>Documentation Analytics</h3>
-      <p>Track what developers search for, which pages perform best, and where they get stuck.</p>
-    </div>
-  </div>
-  <div style="margin-top:32px;">
-    <div class="color-group-label">Featured Card (24px radius)</div>
-    <div class="card-featured">
-      <div class="card-badge" style="background:var(--brand-light); color:var(--brand-deep);">Featured</div>
-      <h3>The Intelligent Knowledge Platform</h3>
-      <p>Build beautiful documentation that powers your developer community. AI-enhanced, automatically updated, and always in sync with your codebase.</p>
-    </div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="forms">
-  <div class="section-label">05 / Forms</div>
-  <h2 class="section-title">Form Elements</h2>
-  <div class="form-group"><label class="form-label">Email Address</label><input class="form-input" type="text" placeholder="you@company.com"><div class="form-state-label">Default (pill shape)</div></div>
-  <div class="form-group"><label class="form-label">Organization</label><input class="form-input form-input--focus" type="text" value="Mintlify"><div class="form-state-label">Focus (green ring)</div></div>
-  <div class="form-group"><label class="form-label">API Key</label><input class="form-input form-input--error" type="text" value="invalid-key"><div class="form-state-label">Error (red ring)</div></div>
-  <div class="form-group"><label class="form-label">Description</label><textarea class="form-textarea" placeholder="Tell us about your project..."></textarea></div>
-</section>
-<hr class="section-divider">
-<section class="section" id="spacing">
-  <div class="section-label">06 / Spacing</div>
-  <h2 class="section-title">Spacing Scale</h2>
-  <div class="spacing-row">
-    <div class="spacing-item"><div class="spacing-block" style="width:2px"></div><div class="spacing-value">2</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:4px"></div><div class="spacing-value">4</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:6px"></div><div class="spacing-value">6</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:8px"></div><div class="spacing-value">8</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:10px"></div><div class="spacing-value">10</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:12px"></div><div class="spacing-value">12</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:16px"></div><div class="spacing-value">16</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:24px"></div><div class="spacing-value">24</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:32px"></div><div class="spacing-value">32</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:48px"></div><div class="spacing-value">48</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:64px"></div><div class="spacing-value">64</div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="radius">
-  <div class="section-label">07 / Radius</div>
-  <h2 class="section-title">Border Radius Scale</h2>
-  <div class="radius-row">
-    <div class="radius-item"><div class="radius-box" style="border-radius:4px"></div><div class="radius-label">4px</div><div class="radius-context">Code, tags</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:8px"></div><div class="radius-label">8px</div><div class="radius-context">Nav buttons</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:16px"></div><div class="radius-label">16px</div><div class="radius-context">Cards</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:24px"></div><div class="radius-label">24px</div><div class="radius-context">Featured</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:9999px"></div><div class="radius-label">9999px</div><div class="radius-context">Buttons, pills</div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="elevation">
-  <div class="section-label">08 / Elevation</div>
-  <h2 class="section-title">Elevation &amp; Depth</h2>
-  <div class="elevation-grid">
-    <div class="elevation-card" style="border: 1px solid var(--border-subtle);"><div class="elevation-label">Level 0: Flat</div><div class="elevation-desc">No shadow</div></div>
-    <div class="elevation-card" style="border: 1px solid var(--border-subtle); box-shadow: var(--shadow-ambient);"><div class="elevation-label">Level 1: Subtle</div><div class="elevation-desc">5% border + ambient</div></div>
-    <div class="elevation-card" style="border: 1px solid var(--border-medium); box-shadow: var(--shadow-ambient);"><div class="elevation-label">Level 2: Medium</div><div class="elevation-desc">8% border + ambient</div></div>
-    <div class="elevation-card" style="border: 1px solid var(--border-medium); box-shadow: rgba(0,0,0,0.06) 0px 4px 12px;"><div class="elevation-label">Level 3: Raised</div><div class="elevation-desc">Stronger shadow</div></div>
-    <div class="elevation-card" style="border: 1px solid var(--brand); box-shadow: 0 0 0 1px var(--brand);"><div class="elevation-label">Focus Ring</div><div class="elevation-desc">Brand green ring</div></div>
-  </div>
-</section>
-<footer class="footer">Maintained by <a href="https://github.com/VoltAgent/voltagent" target="_blank" rel="noopener noreferrer" style="text-decoration:none;"><img src="https://github.com/VoltAgent.png?size=32" alt="VoltAgent" width="14" height="14" style="border-radius:3px;vertical-align:-2px;margin-right:3px;">VoltAgent</a> team</footer>
-</body>
-</html>

package/.opencode/oh-my-design/design-md/miricanvas/.verification.md DELETED Viewed

@@ -1,61 +0,0 @@
-# MiriCanvas — Verification Notes (2026-06-10)
-## Proof — Tier 1 live inspect
-**Inspected:** 2026-06-10
-**Method:** playwright getComputedStyle (live DOM) — global playwright (chromium, headless), viewport 1440×900, locale ko-KR. Navigated https://www.miricanvas.com (redirects to /en), https://www.miricanvas.com/ko, https://www.miricanvas.com/ko/pricing, https://www.miricanvas.com/ko/templates, and https://www.miridih.com/ko. Modal/cookie dismissal pass, then getComputedStyle on body, h1/h2/h3, buttons/links/inputs, full-DOM background/text color frequency scan, and a scrolled box-shadow scan.
-**Sources:**
-- https://www.miricanvas.com/ko (homepage, live computed style)
-- https://www.miricanvas.com/ko/pricing (pricing surface, live computed style)
-- https://www.miricanvas.com/ko/templates (template hub surface, live computed style)
-- https://www.miridih.com/ko (operator MIRIDIH corporate site — mission/values/CEO, live DOM text)
-- https://medium.com/miridih (MIRIDIH official team blog — brand-owned, WebFetch verified)
-### Raw samples
-- `https://www.miricanvas.com/ko` · hero H1 "세상의 모든 디자인은 미리캔버스로 완성" · `font-family: "Pretendard Variable", Figtree, "IBM Plex Sans JP"` · `font-size: 64px` · `font-weight: 700` · `line-height: 96px` · `letter-spacing: normal` · `color: rgb(22, 24, 29)` (#16181d)
-- `https://www.miricanvas.com/ko` · hero CTA "바로 시작하기" · `background-color: rgb(33, 175, 191)` (#21afbf) · `color: rgb(255, 255, 255)` · `border-radius: 12px` · `padding: 14px 24px` · height 56px · `font-size: 18px` · `font-weight: 500` · `box-shadow: none`
-- `https://www.miricanvas.com/ko` · hero secondary CTA "템플릿 보러가기" · `background-color: rgb(255, 255, 255)` · `color: rgb(28, 149, 162)` (#1c95a2) · `border-radius: 12px` · `padding: 14px 24px` · height 56px · 18px/500
-- `https://www.miricanvas.com/ko` · header CTA "회원가입" · `background-color: rgb(33, 175, 191)` (#21afbf) · `color: rgb(255, 255, 255)` · `border-radius: 8px` · `padding: 8px 16px` · height 40px · 14px/500
-- `https://www.miricanvas.com/ko` · GNB item "템플릿"/"요금제" · bg transparent `rgba(35, 36, 42, 0)` · `color: rgb(35, 36, 42)` (#23242a) · `border-radius: 8px` · `padding: 8px 16px` · height 40px · 14px/500; product switcher items (미리캔버스/디자인허브/프린트허브/비즈하우스) height 44px, padding 12px
-- `https://www.miricanvas.com/ko` · section H2 "프레젠테이션, 동영상, SNS 등 모든 템플릿이 한 곳에" · `font-size: 24px` · `font-weight: 600` · `line-height: 32px` · `color: rgb(22, 24, 29)`; H3 "프레젠테이션" · 20px / 600 / lh 28px
-- `https://www.miricanvas.com/ko` · template category tile link · `border-radius: 16px` · height 280px; rail link "템플릿 보러가기" · `color: rgb(98, 102, 119)` (#626677) · 18px/500
-- `https://www.miricanvas.com/ko` · template thumbnail IMG · `box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px 0px` · `border-radius: 12px`; floating circular control DIV · `box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px` · `border-radius: 50%`
-- `https://www.miricanvas.com/ko` · bg frequency scan: `rgb(255,255,255)` ×19, `rgb(33,175,191)` ×13 (#21afbf), `rgba(88,98,118,0.05)` ×6, `rgb(241,242,244)` ×3 (#f1f2f4), `rgb(231,249,251)` ×2 (#e7f9fb), `rgb(38,199,217)` ×2 (#26c7d9), `rgb(241,242,243)` ×1
-- `https://www.miricanvas.com/ko` · fg frequency scan: `rgb(22,24,29)` ×377 (#16181d), `rgb(98,102,119)` ×36 (#626677), `rgb(67,73,86)` ×35 (#434956), `rgb(35,36,42)` ×30 (#23242a), `rgb(112,121,143)` ×24 (#70798f), `rgb(28,149,162)` ×9 (#1c95a2), `rgb(141,148,165)` ×8 (#8d94a5), `rgb(33,175,191)` ×7 (#21afbf)
-- `https://www.miricanvas.com/ko` · footer · `background-color: rgba(88, 98, 118, 0.1)` · `color: rgb(22, 24, 29)`; footer social circles (Facebook/Instagram/Naver Blog/Pinterest/YouTube) · `background-color: rgba(88, 98, 118, 0.05)` · `border-radius: 50%` · `padding: 8px` · height 40px; section band `background-color: rgb(241, 242, 243)` height 504px
-- `https://www.miricanvas.com/ko/pricing` · H1 "사용 방식에 따라 선택하는 합리적인 요금제" · `font-size: 40px` · `font-weight: 700` · `line-height: 48px` · `color: rgb(22, 24, 29)`; H2 28px/600/lh36 `rgb(35,36,42)`; H3 plan title "무료" 18px/600/lh26
-- `https://www.miricanvas.com/ko/pricing` · "Pro로 업그레이드" · bg `rgb(33, 175, 191)` · radius 8px · 14px/500 · h40; ghost "무료로 시작하기"/"요금제 알아보기" · bg transparent · `color: rgb(28, 149, 162)` (#1c95a2) · radius 8px · h40; "자세히 보기" · bg `rgb(255, 255, 255)` · `border-radius: 10px` · `padding: 12px 20px` · h48 · 16px/500; plan highlight tint `rgba(33, 175, 191, 0.1)` (bg scan)
-- `https://www.miricanvas.com/ko/templates` · search input · placeholder "스타일과 용도를 함께 검색해 보세요 (예: 초록색 차분한 캘리그라피 웨딩 초대장)" · input height 46px · `font-size: 16px` · `color: rgb(22, 24, 29)` · container `border-radius: 10px` · `border: 1px solid rgba(0, 0, 0, 0)`; "더보기" rail buttons · `color: rgb(28, 149, 162)` · radius 10px · 16px/500
-- `https://www.miricanvas.com/en` (initial redirect target) · document.title "MiriCanvas | Free design tool with unique templates" · EN hero H1 "The design tool for creatives like you" 64px/700; EN CTA "Get started now" bg `rgb(33, 175, 191)` · radius 8px · 14px/500
-- `https://www.miridih.com/ko` · document.title "미리디 - 모두가 쉽게 디자인을 통해 세상과 소통하게 합니다." · mission verbatim "미리디는 디자인의 불편한 순간들을 바꾸고, 모두가 쉽게 디자인을 통해 소통할 수 있는 세상을 만들어 갑니다." · core values "Integrity & Thinking for the Whole" / "Customer Focus & Impact-Driven Goals" / "Data-Driven & High Standards" · footer "대표 : 강창석"
-Note: a handful of server-rendered anchors paint in browser-default `Times` 16px before styled-components hydration; all styled UI resolves to `"Pretendard Variable", Figtree, "IBM Plex Sans JP", ...`. Documented in §3.
-## Tier 2 cross-check
-- **getdesign.md**: WebFetch https://getdesign.md/miricanvas (2026-06-10) → 404 / "No designs found for 'miricanvas'". No token data available.
-- **refero**: playwright https://styles.refero.design/?q=miricanvas (2026-06-10) → search returned only unrelated styles (Canva, MA Quilts, VISIONNAIRE, …); no MiriCanvas listing. Declared not-listed after `?q=` search per honesty rule.
-## Conflict matrix
-| Field | Tier 1 (live) | getdesign | refero | Resolution |
-|---|---|---|---|---|
-| (all fields) | live computed values 2026-06-10 | 404 — no data | not listed | Tier 1 only; no conflicts possible |
-**Conflicts unresolved:** none (no Tier 2 data exists to conflict with).
-## Country sources
-KR requirement — brand-owned sources (≥2):
-1. **https://www.miricanvas.com** — MiriCanvas official product site (Tier 1 live-inspected across /ko, /ko/pricing, /ko/templates, /en).
-2. **https://www.miridih.com** — MIRIDIH official corporate site (operator; mission, core values, CEO 강창석 — live DOM text 2026-06-10).
-3. **https://medium.com/miridih** — MIRIDIH official team blog ("간편한 디자인 문화를 만들어가는 미리디 팀 블로그"; Tech/Design/Life/Biz sections — WebFetch verified 2026-06-10).
-Note: getdesign.md / refero.design / Google favicon proxy are explicitly NOT counted toward the KR brand-owned requirement.
-## Logo
-- `https://www.google.com/s2/favicons?domain=miricanvas.com&sz=128` → 301 to t1.gstatic.com faviconV2; followed → **1466-byte 128×128 PNG** (valid brand favicon, not generic globe). Initial non-`-L` curl returned the 301 HTML body (335B) — redirect, not a failure.
-- Alternatives checked: cdn.simpleicons.org/miricanvas → 404; github.com/miridih → 200 (org exists, fallback available but not needed).
-- Chosen: `logo: { type: favicon, slug: "https://www.google.com/s2/favicons?domain=miricanvas.com&sz=128" }`.