[{"data":1,"prerenderedAt":112},["ShallowReactive",2],{"i-lucide:box":3,"i-lucide:code-2":8,"i-lucide:file-text":10,"i-lucide:image":12,"i-lucide:square-sigma":14,"i-lucide:gamepad-2":16,"i-lucide:sparkles":18,"i-lucide:menu":20,"i-lucide:moon":22,"i-lucide:sun":24,"i-material-symbols:language":26,"i-lucide:chevron-down":28,"i-lucide:check":30,"i-tabler:markdown":32,"i-lucide:film":32,"i-lucide:graduation-cap":32,"article-dev-htmlPreview":33,"i-lucide:smartphone":66,"i-lucide:eraser":68,"i-lucide:copy":70,"i-lucide:eye":72,"i-lucide:expand":74,"i-lucide:upload":76,"i-lucide:download":78,"i-lucide:tablet":80,"i-lucide:monitor":82,"i-lucide:send":84,"i-lucide:camera":86,"i-lucide:share-2":88,"i-lucide:diff":90,"i-lucide:arrow-up-right":92,"i-lucide:shield":94,"i-lucide:puzzle":96,"i-lucide:braces":32,"i-lucide:regex":98,"i-lucide:link-2":100,"i-lucide:binary":102,"i-lucide:clipboard-paste":104,"i-lucide:layout":106,"i-lucide:presentation":108,"i-lucide:bug":110},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\u002F>\u003Cpath d=\"m3.3 7l8.7 5l8.7-5M12 22V12\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 16l4-4l-4-4M6 8l-4 4l4 4m8.5-12l-5 16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\u002F>\u003Ccircle cx=\"9\" cy=\"9\" r=\"2\"\u002F>\u003Cpath d=\"m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M16 8.9V7H8l4 5l-4 5h8v-1.9\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 11h4M8 9v4m7-1h.01M18 10h.01m-.69-5H6.68a4 4 0 0 0-3.978 3.59l-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258q-.01-.075-.017-.151A4 4 0 0 0 17.32 5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4\"\u002F>\u003Ccircle cx=\"4\" cy=\"20\" r=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":25},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":27},"\u003Cpath fill=\"currentColor\" d=\"M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":29},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":31},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"\u002F>",null,{"zh":34,"en":53},[35,38,41,44,47,50],{"title":36,"content":37},"为什么 2026 年越来越多人需要在线 HTML 预览工具？","\u003Cp>随着 AI 代码生成工具的普及，越来越多的人会收到 AI 输出的 HTML 文件或 HTML 片段——无论是 ChatGPT、Claude、Gemini 还是其他 AI 助手，它们都能生成精美的 HTML 页面和组件。然而，要查看这些 HTML 的效果，传统方式需要把代码保存成 .html 文件，再用浏览器打开，步骤繁琐。\u003C\u002Fp>\u003Cp>MeTool 的 HTML 实时预览工具让这一过程变得极为简单：直接粘贴代码，右侧立即看到渲染效果，无需离开页面。\u003C\u002Fp>",{"title":39,"content":40},"核心功能介绍","\u003Ch3>实时渲染预览\u003C\u002Fh3>\u003Cp>代码区任何修改都会立即反映在右侧预览框中，所见即所得，调试效率极高。\u003C\u002Fp>\u003Ch3>片段模式自动补全\u003C\u002Fh3>\u003Cp>如果你只粘贴了 <div>...<\u002Fdiv> 等局部代码而非完整 HTML 页面，工具会自动添加 <!DOCTYPE html>、<html>、<head>、<body> 等必要结构，并注入基础样式，确保片段正常渲染。顶部会显示「片段模式」徽标，一目了然。\u003C\u002Fp>\u003Ch3>多视口切换\u003C\u002Fh3>\u003Cp>支持手机（375px）、平板（768px）和桌面（全宽）三种预览宽度，模拟不同设备的渲染效果，轻松验证 AI 生成的响应式布局是否正确。\u003C\u002Fp>\u003Ch3>文件上传\u003C\u002Fh3>\u003Cp>可以直接上传 .html 文件，无需手动复制粘贴，方便查看从 AI 工具导出的完整 HTML 文件。\u003C\u002Fp>",{"title":42,"content":43},"如何使用 MeTool HTML 预览工具","\u003Col>\u003Cli>\u003Cstrong>打开工具：\u003C\u002Fstrong>访问 MeTool HTML 预览页面，无需注册，打开即用。\u003C\u002Fli>\u003Cli>\u003Cstrong>粘贴代码：\u003C\u002Fstrong>将 AI 生成的 HTML 粘贴到左侧编辑器，或上传 .html 文件。\u003C\u002Fli>\u003Cli>\u003Cstrong>即时查看效果：\u003C\u002Fstrong>右侧预览区立即展示渲染结果，可切换视口宽度检查响应式布局。\u003C\u002Fli>\u003Cli>\u003Cstrong>下载或复制：\u003C\u002Fstrong>满意后可一键复制代码或下载为 .html 文件。\u003C\u002Fli>\u003C\u002Fol>",{"title":45,"content":46},"为什么 AI 时代 HTML 正在取代 Markdown？","\u003Cp>Anthropic 工程师 Thariq 在其文章《Using Claude Code: The Unreasonable Effectiveness of HTML》中指出：\u003Cstrong>Markdown 曾是 AI 与人交互的主流格式，但 HTML 正在成为更优的替代媒介。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>Markdown 的局限在于——一旦文件超过一百行，大多数人就很难认真读完。它只能做有限的富文本，ASCII 图示是权宜之计，颜色与交互更是无从谈起。而 HTML 能承载的信息密度远不止于此：\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cstrong>表格与数据\u003C\u002Fstrong>：用 <table> 结构化呈现数据，一眼分辨而非扫读纯文本\u003C\u002Fli>\u003Cli>\u003Cstrong>SVG 图示\u003C\u002Fstrong>：流程图、架构图、技术示意图——让 AI 的思考过程可视化\u003C\u002Fli>\u003Cli>\u003Cstrong>CSS 样式\u003C\u002Fstrong>：颜色、排版、层次，让报告真正\"可读\"而非\"可阅\"\u003C\u002Fli>\u003Cli>\u003Cstrong>JavaScript 交互\u003C\u002Fstrong>：滑块、开关、实时参数调节——让文档变成可操作的原型\u003C\u002Fli>\u003C\u002Ful>\u003Cp>更关键的是\u003Cstrong>双向交互\u003C\u002Fstrong>：你可以让 AI 在 HTML 文件里加入\"复制为 Prompt\"按钮，把在 UI 上调好的参数一键回传给 AI，形成人机协作的闭环。\u003C\u002Fp>\u003Cp>这一趋势意味着：无论你是在接收 AI 生成的分析报告、设计方案、技术规格，还是在让 AI 辅助写代码，\u003Cstrong>HTML 文件会越来越频繁地出现在你的工作流里\u003C\u002Fstrong>。一个顺手的在线 HTML 预览器，就是打开这个新工作流的钥匙。\u003C\u002Fp>",{"title":48,"content":49},"HTML 文件预览的常见使用场景","\u003Ch3>查看 AI 生成的 HTML 输出\u003C\u002Fh3>\u003Cp>Claude Code、ChatGPT、Gemini 等 AI 助手日益擅长输出完整的 HTML 页面——数据报告、原型界面、可视化图表、交互式工具。直接把这些 HTML 粘进 MeTool，立刻看到它在浏览器里实际的渲染效果，而不必建项目、装环境、开终端。\u003C\u002Fp>\u003Ch3>检验前端代码片段\u003C\u002Fh3>\u003Cp>写了一段 CSS 动画，或者从 Stack Overflow \u002F GitHub 复制了一个组件，不确定在真实 DOM 里长什么样？粘进来，手机\u002F平板\u002F桌面三档视口一键切换，响应式是否正常一目了然。不再需要在本地开发环境里创建临时 HTML 文件。\u003C\u002Fp>\u003Ch3>打开收到的 .html 文件\u003C\u002Fh3>\u003Cp>同事发来一份 HTML 报告、设计师发来一个 HTML 原型，你的电脑上又没有合适的编辑器？直接上传文件，即刻在浏览器里查看渲染效果，无需下载安装任何软件。\u003C\u002Fp>\u003Ch3>排查邮件\u002F富文本显示问题\u003C\u002Fh3>\u003Cp>邮件模板或富文本在不同客户端显示不一致？把 HTML 源码粘过来，逐段注释排查，哪行代码出了问题立刻可见。\u003C\u002Fp>\u003Ch3>Demo 与截图\u003C\u002Fh3>\u003Cp>需要向非技术同事展示一个 HTML 效果，或者做截图用于文档和汇报？在 MeTool 里预览后直接截图，简单高效。\u003C\u002Fp>",{"title":51,"content":52},"在线 HTML 预览 vs 本地开发环境：什么时候用哪个？","\u003Cp>在线 HTML 预览工具和本地开发环境各有适合的场景，两者并不冲突：\u003C\u002Fp>\u003Ctable>\u003Ctr>\u003Cth>场景\u003C\u002Fth>\u003Cth>推荐方案\u003C\u002Fth>\u003Cth>理由\u003C\u002Fth>\u003C\u002Ftr>\u003Ctr>\u003Ctd>查看 AI 生成的一次性 HTML\u003C\u002Ftd>\u003Ctd>在线预览\u003C\u002Ftd>\u003Ctd>零配置，即时可见，用完即关\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>检验单个 HTML 片段\u003C\u002Ftd>\u003Ctd>在线预览\u003C\u002Ftd>\u003Ctd>无需创建项目文件，粘贴即用\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>多文件项目（JS\u002FCSS 引用外部文件）\u003C\u002Ftd>\u003Ctd>本地环境\u003C\u002Ftd>\u003Ctd>需要 HTTP Server 处理跨域请求\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>需要 Node.js 后端 API\u003C\u002Ftd>\u003Ctd>本地环境\u003C\u002Ftd>\u003Ctd>纯静态预览不能模拟动态接口\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>向同事演示静态页面效果\u003C\u002Ftd>\u003Ctd>在线预览 + 分享链接\u003C\u002Ftd>\u003Ctd>对方无需任何环境即可查看\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>长期维护的组件库\u003C\u002Ftd>\u003Ctd>本地 Storybook 等\u003C\u002Ftd>\u003Ctd>需要版本管理和持续集成\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003Cp>简单来说：\u003Cstrong>「看一眼」用在线预览，「做项目」用本地环境\u003C\u002Fstrong>。MeTool 专为前者设计，让查看的摩擦力降到零。\u003C\u002Fp>",[54,57,60,63],{"title":55,"content":56},"Why More People Need an Online HTML Preview Tool in 2026","\u003Cp>With the rise of AI code generation tools, more and more people receive HTML files or snippets from AI assistants — whether ChatGPT, Claude, Gemini, or others. These tools can produce beautiful HTML pages and components. But to see what they look like, the traditional workflow requires saving the code as a .html file and opening it in a browser — multiple steps that interrupt your flow.\u003C\u002Fp>\u003Cp>MeTool's HTML Live Preview makes this effortless: paste your code and the result renders instantly on the right, with no need to leave the page.\u003C\u002Fp>",{"title":58,"content":59},"Key Features","\u003Ch3>Live Rendering\u003C\u002Fh3>\u003Cp>Every change you make in the editor is instantly reflected in the preview panel — true what-you-see-is-what-you-get editing for rapid iteration.\u003C\u002Fp>\u003Ch3>Fragment Auto-Wrapping\u003C\u002Fh3>\u003Cp>If you only paste a partial snippet like <div>...<\u002Fdiv> rather than a full HTML page, the tool automatically adds the necessary <!DOCTYPE html>, <html>, <head>, and <body> wrapper, plus a basic stylesheet, so the fragment renders correctly. A \"Fragment mode\" badge appears so you always know the mode.\u003C\u002Fp>\u003Ch3>Viewport Switching\u003C\u002Fh3>\u003Cp>Switch between Mobile (375px), Tablet (768px), and Desktop (full width) preview widths to verify responsive layouts generated by AI across different device sizes.\u003C\u002Fp>\u003Ch3>File Upload\u003C\u002Fh3>\u003Cp>Upload .html files directly — no manual copy-paste needed. Perfect for previewing full HTML exports from AI tools.\u003C\u002Fp>",{"title":61,"content":62},"How to Use MeTool HTML Preview","\u003Col>\u003Cli>\u003Cstrong>Open the Tool:\u003C\u002Fstrong> Visit the MeTool HTML Preview page — no registration required.\u003C\u002Fli>\u003Cli>\u003Cstrong>Paste or Upload:\u003C\u002Fstrong> Paste AI-generated HTML into the left editor, or click \"Upload .html\" to load a file.\u003C\u002Fli>\u003Cli>\u003Cstrong>View the Result:\u003C\u002Fstrong> The right panel renders the page immediately. Switch viewport widths to test responsive behavior.\u003C\u002Fli>\u003Cli>\u003Cstrong>Download or Copy:\u003C\u002Fstrong> When satisfied, copy the code or download it as a .html file.\u003C\u002Fli>\u003C\u002Fol>",{"title":64,"content":65},"Why HTML Is Replacing Markdown as the Language of AI","\u003Cp>Anthropic engineer Thariq made a compelling case in his essay \u003Cem>\"Using Claude Code: The Unreasonable Effectiveness of HTML\"\u003C\u002Fem>: \u003Cstrong>Markdown has been the dominant format AI uses to communicate with us — but HTML is rapidly becoming a superior medium.\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>Markdown's ceiling is low. Once a file exceeds roughly a hundred lines, most people stop reading it carefully. It offers limited rich text, no real color, no diagrams without ASCII workarounds, and zero interactivity. HTML, by contrast, carries far greater information density:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cstrong>Tables & structured data\u003C\u002Fstrong> — scannable at a glance instead of wall-of-text\u003C\u002Fli>\u003Cli>\u003Cstrong>SVG illustrations\u003C\u002Fstrong> — flowcharts, architecture diagrams, technical schematics that make AI reasoning visible\u003C\u002Fli>\u003Cli>\u003Cstrong>CSS styling\u003C\u002Fstrong> — color, hierarchy, and typography that make a report genuinely \u003Cem>readable\u003C\u002Fem>\u003C\u002Fli>\u003Cli>\u003Cstrong>JavaScript interactions\u003C\u002Fstrong> — sliders, toggles, live parameter controls that turn a static document into an interactive prototype\u003C\u002Fli>\u003C\u002Ful>\u003Cp>The most powerful shift is \u003Cstrong>two-way interaction\u003C\u002Fstrong>: you can ask AI to embed a \"Copy as Prompt\" button in the HTML file, letting you dial in parameters through the UI and send them straight back to the AI — closing the human-AI feedback loop.\u003C\u002Fp>\u003Cp>As AI agents become more capable, they are increasingly producing HTML specs, reports, code explainers, and design prototypes rather than plain Markdown. \u003Cstrong>HTML files are becoming a first-class artifact in AI-assisted workflows.\u003C\u002Fstrong> Having a fast, frictionless HTML viewer is no longer just a developer convenience — it is the front door to this new way of working with AI.\u003C\u002Fp>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":67},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M12 18h.01\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":69},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21m-7.752-9.91l8.828 8.828\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":71},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":73},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0\"\u002F>\u003Ccircle cx=\"12\" cy=\"12\" r=\"3\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":75},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 15l6 6M15 9l6-6m0 13v5h-5m5-13V3h-5M3 16v5h5m-5 0l6-6M3 8V3h5m1 6L3 3\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":77},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":79},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u002F>\u003Cpath d=\"m7 10l5 5l5-5\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":81},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M12 18h.01\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":83},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M8 21h8m-4-4v4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":85},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":87},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\"\u002F>\u003Ccircle cx=\"12\" cy=\"13\" r=\"3\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":89},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"18\" cy=\"5\" r=\"3\"\u002F>\u003Ccircle cx=\"6\" cy=\"12\" r=\"3\"\u002F>\u003Ccircle cx=\"18\" cy=\"19\" r=\"3\"\u002F>\u003Cpath d=\"m8.59 13.51l6.83 3.98m-.01-10.98l-6.82 3.98\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":91},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v14m-7-7h14M5 21h14\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":93},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":95},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":97},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.39 4.39a1 1 0 0 0 1.68-.474a2.5 2.5 0 1 1 3.014 3.015a1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474a2.5 2.5 0 1 0-3.014 3.015a1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474a2.5 2.5 0 1 1-3.014-3.015a1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474a2.5 2.5 0 1 0 3.014-3.015a1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":99},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 3v10m-4.33-7.5l8.66 5m-8.66 0l8.66-5M9 17a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":101},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17H7A5 5 0 0 1 7 7h2m6 0h2a5 5 0 1 1 0 10h-2m-7-5h8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":103},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"4\" height=\"6\" x=\"14\" y=\"14\" rx=\"2\"\u002F>\u003Crect width=\"4\" height=\"6\" x=\"6\" y=\"4\" rx=\"2\"\u002F>\u003Cpath d=\"M6 20h4m4-10h4M6 14h2v6m6-16h2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":105},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11 14h10M16 4h2a2 2 0 0 1 2 2v1.344M17 18l4-4l-4-4\"\u002F>\u003Cpath d=\"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113\"\u002F>\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":107},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M3 9h18M9 21V9\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":109},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 3h20m-1 0v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3m4 18l5-5l5 5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":111},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M12 20v-9m2-4a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4zm.12-3.12L16 2\"\u002F>\u003Cpath d=\"M21 21a4 4 0 0 0-3.81-4M21 5a4 4 0 0 1-3.55 3.97M22 13h-4M3 21a4 4 0 0 1 3.81-4M3 5a4 4 0 0 0 3.55 3.97M6 13H2M8 2l1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13\"\u002F>\u003C\u002Fg>",1781362269780]