.tools-draft[data-astro-cid-b7t4lhra]{gap:var(--spacing-xl);max-width:var(--wide-width);padding:var(--header-gap) var(--spacing-md) var(--spacing-3xl);grid-template-columns:240px minmax(0,1fr);margin:auto;display:grid}.tools-main[data-astro-cid-b7t4lhra]{min-width:0}.tools-side[data-astro-cid-b7t4lhra]{top:var(--side-top,var(--spacing-lg));max-height:calc(100vh - var(--side-top,var(--spacing-lg)));align-self:start;position:sticky;overflow-y:auto}.tools-intro[data-astro-cid-b7t4lhra]{padding-block:0}.eyebrow[data-astro-cid-b7t4lhra]{font-size:var(--font-size-sm);color:var(--color-brand);margin-bottom:var(--spacing-sm);font-weight:700}h1[data-astro-cid-b7t4lhra]{margin-bottom:var(--spacing-md);white-space:nowrap;font-size:28px;line-height:1.5}.tool-index[data-astro-cid-b7t4lhra]{gap:var(--spacing-sm);padding-block:var(--spacing-xl);font-size:var(--font-size-sm);flex-direction:column;display:flex}.tool-index[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]{color:var(--color-muted);text-decoration:none}.tool-index[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]:hover,.tool-index[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra][aria-current]{color:var(--color-text);text-decoration:underline}.tool-card[data-astro-cid-b7t4lhra]{gap:var(--spacing-xl);padding-block:var(--spacing-2xl);scroll-margin-top:var(--spacing-lg);grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr);align-items:start;display:grid}.tool-card[data-astro-cid-b7t4lhra]+.tool-card[data-astro-cid-b7t4lhra]{border-top:1px solid var(--color-border)}.tool-card[data-astro-cid-b7t4lhra]:first-child{padding-top:0}.tool-info[data-astro-cid-b7t4lhra]{min-width:0}.tool-illust[data-astro-cid-b7t4lhra]{margin-bottom:var(--spacing-md);display:flex}.tool-illust[data-astro-cid-b7t4lhra] img[data-astro-cid-b7t4lhra]{height:auto;display:block}.tool-icon[data-astro-cid-b7t4lhra]{object-fit:contain;background:var(--color-on-brand);width:96px;height:96px;margin-bottom:var(--spacing-md);border-radius:24px;padding:8px;display:block}h2[data-astro-cid-b7t4lhra]{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.tool-release[data-astro-cid-b7t4lhra]{font-size:var(--font-size-xs);color:var(--color-muted);grid-column:1/-1}.tool-description[data-astro-cid-b7t4lhra]{font-size:var(--font-size-sm);line-height:1.9}.tool-features[data-astro-cid-b7t4lhra]{margin-top:var(--spacing-lg)}.features-label[data-astro-cid-b7t4lhra]{font-size:var(--font-size-sm);color:var(--color-on-brand);background:var(--color-brand);margin-bottom:var(--spacing-sm);--cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 48' preserveAspectRatio='none'%3E%3Crect x='11' y='11' width='98' height='26'/%3E%3Ccircle cx='12.4' cy='11.0' r='9.9'/%3E%3Ccircle cx='28.3' cy='11.0' r='10.0'/%3E%3Ccircle cx='45.4' cy='11.0' r='8.7'/%3E%3Ccircle cx='59.5' cy='11.0' r='10.6'/%3E%3Ccircle cx='74.8' cy='11.0' r='9.1'/%3E%3Ccircle cx='93.7' cy='11.0' r='9.7'/%3E%3Ccircle cx='109.0' cy='13.9' r='9.7'/%3E%3Ccircle cx='109.0' cy='31.1' r='8.9'/%3E%3Ccircle cx='97.7' cy='37.0' r='10.7'/%3E%3Ccircle cx='81.1' cy='37.0' r='10.4'/%3E%3Ccircle cx='63.7' cy='37.0' r='8.7'/%3E%3Ccircle cx='45.9' cy='37.0' r='10.0'/%3E%3Ccircle cx='30.4' cy='37.0' r='8.6'/%3E%3Ccircle cx='12.1' cy='37.0' r='9.7'/%3E%3Ccircle cx='11.0' cy='20.5' r='10.7'/%3E%3C/svg%3E");-webkit-mask:var(--cloud) 0 0/100% 100% no-repeat;mask:var(--cloud) 0 0/100% 100% no-repeat;padding:.72em 1.5em .98em;font-weight:700;line-height:1;display:inline-block}.tool-features[data-astro-cid-b7t4lhra] ul[data-astro-cid-b7t4lhra]{gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.tool-features[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-brand);text-underline-offset:.25em}.tool-features[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]:hover{color:var(--color-brand)}.tool-screen[data-astro-cid-b7t4lhra],.tool-more[data-astro-cid-b7t4lhra]>div[data-astro-cid-b7t4lhra]{scroll-margin-top:7.5rem}.tool-notes[data-astro-cid-b7t4lhra]{gap:var(--spacing-xs);margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-muted);list-style:none;display:grid}.tools-summary[data-astro-cid-b7t4lhra]{white-space:pre-line;line-height:1.9}.media-pending[data-astro-cid-b7t4lhra]{color:var(--color-muted);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.tool-media[data-astro-cid-b7t4lhra]{min-width:0}.tool-flows[data-astro-cid-b7t4lhra]{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:grid}.tool-flow[data-astro-cid-b7t4lhra]{gap:0 var(--spacing-md);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 9.5em minmax(0,1fr);display:grid}.flow-end[data-astro-cid-b7t4lhra]{grid-row:span 2;grid-template-rows:subgrid;min-width:0;display:grid}.flow-end[data-astro-cid-b7t4lhra]:first-child{grid-column:1}.flow-end[data-astro-cid-b7t4lhra]:last-child{grid-column:3}.flow-frame[data-astro-cid-b7t4lhra]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;align-self:center;overflow:hidden}.flow-frame[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]{display:block}.flow-frame[data-astro-cid-b7t4lhra] img[data-astro-cid-b7t4lhra]{width:100%;height:auto;display:block}.flow-frame--layers[data-astro-cid-b7t4lhra]{gap:var(--spacing-sm);aspect-ratio:4/3;padding:var(--spacing-sm);display:flex}.flow-frame--layers[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]{background:repeating-conic-gradient(var(--color-border) 0 25%,var(--color-surface) 0 50%) 0 0/12px 12px;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:0;padding:4px;display:flex}.flow-frame--layers[data-astro-cid-b7t4lhra] img[data-astro-cid-b7t4lhra]{width:auto;max-width:100%;max-height:100%}.flow-frame--code[data-astro-cid-b7t4lhra]{min-height:8em;padding:var(--spacing-md);flex-direction:column;justify-content:center;align-self:stretch;gap:10px;display:flex}.code-line[data-astro-cid-b7t4lhra]{height:8px;width:calc(var(--width) - var(--indent) * 1.5em);margin-left:calc(var(--indent) * 1.5em);background:var(--color-border);border-radius:4px;display:block}.code-line--paste[data-astro-cid-b7t4lhra]{background:var(--color-brand);border-radius:6px;height:12px}.flow-frame--text[data-astro-cid-b7t4lhra]{min-height:8em;padding:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text);justify-content:center;align-self:stretch;align-items:center;line-height:1.7;display:flex}.flow-actions[data-astro-cid-b7t4lhra]{font-size:var(--font-size-xs);text-align:center;flex-direction:column;grid-area:1/2;justify-content:center;align-items:stretch;gap:2px;line-height:1.6;list-style:none;display:flex}.flow-actions[data-astro-cid-b7t4lhra] li[data-astro-cid-b7t4lhra]{white-space:nowrap}.flow-actions[data-astro-cid-b7t4lhra]:after{content:"";background:linear-gradient(var(--color-brand),var(--color-brand)) left center/calc(100% - 8px) 2px no-repeat;clip-path:polygon(0 4px,calc(100% - 8px) 4px,calc(100% - 8px) 0,100% 5px,calc(100% - 8px) 10px,calc(100% - 8px) 6px,0 6px);background-color:var(--color-brand);height:10px;margin-top:6px}.tool-screens[data-astro-cid-b7t4lhra]{gap:var(--spacing-lg) var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.tool-media--mobile[data-astro-cid-b7t4lhra] .tool-screens[data-astro-cid-b7t4lhra]{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-actions[data-astro-cid-b7t4lhra]{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.tool-actions[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra],.tool-actions[data-astro-cid-b7t4lhra] button[data-astro-cid-b7t4lhra]{align-items:center;gap:var(--spacing-sm);border:1px solid var(--color-brand);background:var(--color-bg);min-height:40px;color:var(--color-text);font:inherit;font-size:var(--font-size-xs);border-radius:999px;padding:6px 14px;text-decoration:none;display:inline-flex}.tool-actions[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]:hover,.tool-actions[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]:focus-visible{background:var(--color-brand);color:var(--color-on-brand)}.tool-actions[data-astro-cid-b7t4lhra] button[data-astro-cid-b7t4lhra]:disabled{color:var(--color-muted);border-color:var(--color-border);cursor:default}.tool-more[data-astro-cid-b7t4lhra]{gap:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-xl);font-size:var(--font-size-xs);grid-template-columns:repeat(2,minmax(0,1fr));line-height:1.7;display:grid}.tool-more[data-astro-cid-b7t4lhra] dt[data-astro-cid-b7t4lhra]{color:var(--color-text);font-weight:700}.tool-more[data-astro-cid-b7t4lhra] dd[data-astro-cid-b7t4lhra]{color:var(--color-muted)}.tool-posts[data-astro-cid-b7t4lhra]{border-top:1px solid var(--color-border);padding-top:var(--spacing-2xl)}.tool-posts[data-astro-cid-b7t4lhra] ul[data-astro-cid-b7t4lhra]{gap:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.tool-posts[data-astro-cid-b7t4lhra] li[data-astro-cid-b7t4lhra]{min-width:0}.tool-post-thumb[data-astro-cid-b7t4lhra]{aspect-ratio:16/9;margin-bottom:var(--spacing-sm);background:var(--color-surface);display:block;overflow:hidden}.tool-post-thumb[data-astro-cid-b7t4lhra] img[data-astro-cid-b7t4lhra]{object-fit:cover;width:100%;height:100%;display:block}.tool-post-title[data-astro-cid-b7t4lhra]{font-size:var(--font-size-sm);overflow-wrap:anywhere;line-height:1.7;text-decoration:none;display:block}.tool-post-title[data-astro-cid-b7t4lhra]:is(:hover,:focus-visible){text-underline-offset:.16em;text-decoration:underline 1px;text-decoration-color:var(--color-brand)}.tool-clap[data-astro-cid-b7t4lhra]{margin-top:var(--spacing-2xl);border-top:1px solid var(--color-border);padding-top:var(--spacing-2xl);text-align:center}.tool-clap[data-astro-cid-b7t4lhra]>p[data-astro-cid-b7t4lhra]{font-size:var(--font-size-sm)}.tool-clap[data-astro-cid-b7t4lhra] .webclap{margin-top:var(--spacing-md)}.tool-screen[data-astro-cid-b7t4lhra]{min-width:0}.tool-screen[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]{border:1px solid var(--color-border);border-radius:16px;display:block;overflow:hidden}.tool-screen[data-astro-cid-b7t4lhra] img[data-astro-cid-b7t4lhra]{width:100%;height:auto;display:block}figcaption[data-astro-cid-b7t4lhra]{text-align:left;font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--spacing-sm);line-height:1.7}figcaption[data-astro-cid-b7t4lhra] strong[data-astro-cid-b7t4lhra]{color:var(--color-text);display:block}.flow-end[data-astro-cid-b7t4lhra] figcaption[data-astro-cid-b7t4lhra]{text-align:center}@media (width>=701px){html:not([data-theme=minimal]) body:has([data-tools-draft])>.site-header{z-index:5;background:var(--color-bg);position:sticky;top:0}}.tool-menu[data-astro-cid-b7t4lhra]{display:none}.tool-menu[data-astro-cid-b7t4lhra] summary[data-astro-cid-b7t4lhra]{cursor:pointer;border:1px solid var(--color-brand);background:var(--color-bg);min-height:36px;color:var(--color-text);font-size:var(--font-size-xs);border-radius:999px;align-items:center;padding:6px 14px;list-style:none;display:inline-flex}.tool-menu[data-astro-cid-b7t4lhra] summary[data-astro-cid-b7t4lhra]::-webkit-details-marker{display:none}.tool-menu[data-astro-cid-b7t4lhra] summary[data-astro-cid-b7t4lhra]:before{content:"☰";margin-right:6px}.tool-menu[data-astro-cid-b7t4lhra][open] summary[data-astro-cid-b7t4lhra]:before{content:"×"}.tool-menu[data-astro-cid-b7t4lhra] nav[data-astro-cid-b7t4lhra]{gap:var(--spacing-sm);min-width:160px;max-height:60vh;padding:var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg);font-size:var(--font-size-sm);border-radius:16px;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto}.tool-menu[data-astro-cid-b7t4lhra] nav[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra]{color:var(--color-muted);text-decoration:none}.tool-menu[data-astro-cid-b7t4lhra] nav[data-astro-cid-b7t4lhra] a[data-astro-cid-b7t4lhra][aria-current]{color:var(--color-text);text-decoration:underline}.tools-main[data-astro-cid-b7t4lhra]{container-type:inline-size}@container (width<=760px){.tool-card[data-astro-cid-b7t4lhra]{gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr)}}@media (width<=1000px){.tools-draft[data-astro-cid-b7t4lhra]{gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr)}.tools-side[data-astro-cid-b7t4lhra]{display:contents}.tools-side[data-astro-cid-b7t4lhra] .tool-index[data-astro-cid-b7t4lhra]{display:none}.tool-menu[data-astro-cid-b7t4lhra]{z-index:21;right:max(12px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 56px);display:block;position:fixed}}@container (width<=760px){.tool-posts[data-astro-cid-b7t4lhra] ul[data-astro-cid-b7t4lhra]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.tool-more[data-astro-cid-b7t4lhra]{grid-template-columns:minmax(0,1fr)}.tool-flow[data-astro-cid-b7t4lhra]{gap:0 var(--spacing-sm);grid-template-columns:minmax(0,1fr) 8em minmax(0,1fr)}}