@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.made-with-love-credit{color:var(--made-with-love-color,currentColor);font-size:var(--made-with-love-font-size,.95rem);flex-wrap:wrap;align-items:center;gap:.35rem;line-height:1.45;display:flex}.made-with-love-credit__swap{width:var(--made-with-love-swap-icon-width,1rem);color:var(--made-with-love-emphasis-color,var(--made-with-love-color,currentColor));cursor:default;-webkit-user-select:none;user-select:none;vertical-align:middle;justify-content:center;align-items:center;transition:width .18s;display:inline-flex;position:relative}.made-with-love-credit__swap--wide{--made-with-love-swap-icon-width:1.35rem;--made-with-love-swap-label-width:4rem}.made-with-love-credit__swap:hover,.made-with-love-credit__swap:focus-within{width:var(--made-with-love-swap-label-width,2.35rem)}.made-with-love-credit__heart{width:1rem;height:1rem}.made-with-love-credit__quebec{border-radius:.12rem;width:1.35rem;height:1rem}.made-with-love-credit__heart,.made-with-love-credit__quebec,.made-with-love-credit__swap-label{transition:opacity .16s,transform .18s}.made-with-love-credit__swap-label{color:var(--made-with-love-emphasis-color,var(--made-with-love-color,currentColor));opacity:0;text-underline-offset:.16em;white-space:nowrap;font-style:normal;font-weight:700;text-decoration:underline;text-decoration-thickness:.08em;position:absolute;left:50%;transform:translate(-50%,.1rem)scale(.92)}.made-with-love-credit__swap:hover svg,.made-with-love-credit__swap:focus-within svg{opacity:0;transform:translateY(-.1rem)scale(.78)}.made-with-love-credit__swap:hover .made-with-love-credit__swap-label,.made-with-love-credit__swap:focus-within .made-with-love-credit__swap-label{opacity:1;transform:translate(-50%)scale(1)}.made-with-love-credit__maker{color:var(--made-with-love-emphasis-color,var(--made-with-love-color,currentColor));font-weight:700;text-decoration:none}a.made-with-love-credit__maker:hover{color:var(--made-with-love-hover-color,var(--made-with-love-emphasis-color,var(--made-with-love-color,currentColor)));text-underline-offset:.16em;text-decoration:underline}.subfolio-made-with-love-credit{--made-with-love-color:var(--color-copy-secondary);--made-with-love-emphasis-color:var(--color-ink);--made-with-love-hover-color:var(--color-ink);--made-with-love-font-size:inherit;color:var(--made-with-love-color);font-family:var(--font-sans)}.subfolio-made-with-love-credit .made-with-love-credit__swap,.subfolio-made-with-love-credit .made-with-love-credit__swap-label{color:var(--made-with-love-emphasis-color)}.subfolio-made-with-love-credit .made-with-love-credit__maker{color:var(--made-with-love-emphasis-color);font-family:var(--font-sans)}.subfolio-made-with-love-credit a.made-with-love-credit__maker:hover{color:var(--made-with-love-hover-color)}:root{color:#202c27;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#f7f8f4;--surface:#fff;--subtle:#f2f5ef;--text:#202c27;--muted:#65706a;--border:#dfe5dc;--green:#345e45;--green-soft:#edf3e9;--green-line:#bfd2b8;--accent:#c2f16a;--mono:"IBM Plex Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f8f4;font-family:DM Sans,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e6ece5;--page:#141a17;--surface:#1b231e;--subtle:#222d26;--text:#e6ece5;--muted:#a4b0a5;--border:#354139;--green:#b1d69a;--green-soft:#293728;--green-line:#596e4c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#141a17}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:320px;margin:0}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}svg{vertical-align:middle;flex-shrink:0}::selection{color:#142b23;background:#c2f16a}:focus-visible{outline:3px solid var(--green);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--text);color:var(--page);border-radius:5px;padding:12px 20px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}.site-shell{width:min(1280px,100% - 96px);margin:0 auto}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:92px;display:flex}.brand{letter-spacing:-1.1px;align-items:center;font-size:25px;font-weight:700;display:inline-flex}.brand-mark{place-items:center;width:37px;height:37px;margin-right:11px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-dot{color:var(--green)}.header-nav{align-items:center;gap:28px;font-size:13px;font-weight:550;display:flex}.header-nav>a:not(.icon-button):hover,.site-footer a:hover{color:var(--green);text-underline-offset:5px;text-decoration:underline}.nav-divider{border-left:1px solid var(--border);height:19px}.icon-button{width:36px;height:36px;color:var(--muted);background:0 0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--text);background:var(--subtle)}.header-nav .icon-button+.icon-button{margin-left:-16px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:72px 0 65px;display:grid}.eyebrow{font-family:var(--mono);letter-spacing:1.6px;color:var(--green);align-items:center;gap:9px;font-size:10px;font-weight:500;line-height:1.6;display:flex}.eyebrow>span{background:var(--green);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-2px;margin-top:18px;font-size:clamp(35px,3.6vw,51px);font-weight:550;line-height:1.12}h1 span{color:var(--green)}.hero-description{max-width:440px;color:var(--muted);margin-top:21px;font-size:15px;line-height:1.8}.browse-link{align-items:center;gap:12px;margin-top:27px;font-size:13px;font-weight:600;display:inline-flex}.browse-link:hover{color:var(--green)}.terminal-panel{color:#f2f7ed;box-shadow:0 9px 0 -4px var(--page), 0 10px 0 -4px var(--border);background:#182c23;border:1px solid #354b3b;border-radius:12px;min-width:0;overflow:hidden}.terminal-bar{font:10px var(--mono);color:#bac9bd;letter-spacing:.6px;border-bottom:1px solid #36473b;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.terminal-bar>span{align-items:center;gap:8px;display:flex}.terminal-status{color:#b9c9b8;font-size:8px}.terminal-status>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.terminal-body{padding:27px 25px 23px}.terminal-comment{color:#b1c5a9;font:11px/1.6 var(--mono)}.terminal-body h2{letter-spacing:-.7px;margin:12px 0 7px;font-size:24px;font-weight:500}.terminal-body>p:not(.terminal-comment){color:#bccac1;font-size:12px;line-height:1.7}.terminal-panel .command-copy{gap:12px;margin-top:22px}.terminal-panel .command-copy code{color:#d2f49c;background:#11251b;border:1px solid #455b44;padding:14px 11px;font-size:11px}.terminal-panel .copy-button{background:var(--accent);color:#193020;border-color:var(--accent);align-self:flex-start;padding:10px 16px}.terminal-panel .copy-button:hover{background:#d3fc8b}.terminal-panel :focus-visible{outline-color:var(--accent)}.terminal-panel .copy-error{color:#ffd4a1}.terminal-footnote{color:#bccac1;align-items:center;gap:7px;margin-top:17px;font-size:10px;display:flex}.terminal-footnote svg{color:var(--accent)}.catalog{border-top:1px solid var(--border);padding-top:28px}.catalog-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.catalog-title{align-items:center;gap:12px;display:flex}.catalog-title h2{letter-spacing:-.7px;font-size:24px;font-weight:550}.count-badge{font:10px var(--mono);border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:5px 8px}.search-field{background:var(--surface);border:1px solid var(--border);min-height:51px;color:var(--muted);border-radius:8px;align-items:center;gap:13px;padding:0 16px;display:flex}.search-field:focus-within{border-color:var(--green);box-shadow:0 0 0 2px var(--green-soft)}.search-field input{min-width:0;height:49px;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-field input::placeholder{color:var(--muted);opacity:1}.search-field input::-webkit-search-cancel-button{display:none}.search-hint{font:10px var(--mono);color:var(--muted)}.category-filters{flex-wrap:wrap;gap:7px;padding:16px 0;display:flex}.category-filters button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:9px 12px;font-size:11px;display:inline-flex}.category-filters button span{font:9px var(--mono);opacity:.8}.category-filters button.selected{border-color:var(--green-line);background:var(--green-soft);color:var(--green);font-weight:600}.category-filters button:hover{background:var(--green-soft);color:var(--green)}.results-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;min-height:23px;margin:6px 0 18px;font-size:11px;display:flex}.results-caption p{overflow-wrap:anywhere}.results-note{font:10px var(--mono);flex-shrink:0}.text-button{color:var(--green);background:0 0;flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:inline-flex}.text-button:hover{text-decoration:underline}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-self:stretch;min-width:0;padding:22px;transition:border-color .14s,box-shadow .14s;display:flex}.tool-card:hover{border-color:var(--green-line);box-shadow:0 3px 12px #15251406}.tool-heading{align-items:center;gap:12px;display:flex}.tool-heading>div:not(.tool-icon){min-width:0}.tool-icon{border:1px solid var(--border);width:42px;height:42px;color:var(--green);background:var(--subtle);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.tool-heading h3{letter-spacing:-.3px;font-size:16px;font-weight:600;line-height:1.35}.vendor{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4}.website-link{flex-shrink:0;align-self:flex-start;width:26px;height:26px;margin-left:auto}.tool-description{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.85}.tool-details{margin-top:15px}.details-toggle{color:var(--green);background:0 0;align-items:center;gap:7px;padding:3px 0;font-size:11px;font-weight:550;display:inline-flex}.details-toggle svg{transition:transform .2s}.details-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.details-content{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .22s,visibility .22s;display:grid}.details-content.expanded{visibility:visible;grid-template-rows:1fr}.details-inner{min-height:0;overflow:hidden}.tool-footer{margin-top:auto;padding-top:17px}.tool-footer>.command-copy code{white-space:pre;overflow-wrap:normal;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-x:auto}.tool-footer>.command-copy code::-webkit-scrollbar{height:4px}.tool-footer>.command-copy code::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.tool-details ul{color:var(--muted);margin:11px 0 14px;padding-left:16px;font-size:11px;line-height:1.8}.tool-details li+li{margin-top:4px}.command-actions{align-items:stretch;gap:7px;display:flex}.command-actions>.copy-button:first-child{flex:1}.command-actions>.button-only{flex:none}.command-actions .action-icon{flex:0 0 36px;width:36px;padding:0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--text);color:var(--surface);white-space:nowrap;pointer-events:none;opacity:0;z-index:2;border-radius:5px;padding:6px 9px;font:11px/1.4 DM Sans,Segoe UI,sans-serif;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(3px)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.command-copy{flex-direction:column;gap:10px;min-width:0;display:flex}.command-copy code{font:10px/1.7 var(--mono);background:var(--subtle);color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:5px;padding:10px;display:block}.copy-button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:9px 13px;font-size:11px;font-weight:550;transition:background .14s;display:inline-flex}.copy-button:hover{background:var(--green-soft);border-color:var(--green-line);color:var(--green)}.copy-status:not(.copy-error){position:absolute}.copy-error{color:#9a422c;overflow-wrap:anywhere;font-size:11px;line-height:1.6}:root[data-theme=dark] .copy-error{color:#ffb4a4}.terminal-panel .command-actions{align-self:flex-start}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:10px;padding:65px 20px}.empty-state>svg{color:var(--muted);margin-bottom:15px}.empty-state h3{margin-bottom:10px;font-size:23px;font-weight:550}.empty-state p{color:var(--muted);font-size:14px}.primary-button{background:var(--green);color:var(--surface);border-radius:6px;margin-top:22px;padding:11px 18px;font-size:12px}.how-it-works{border-top:1px solid var(--border);grid-template-columns:.9fr 2fr;gap:50px;margin-top:65px;padding-top:38px;display:grid}.how-intro h2{letter-spacing:-.8px;margin:11px 0;font-size:27px;font-weight:550}.how-intro>p:last-child{color:var(--muted);font-size:12px;line-height:1.8}.how-it-works ol{grid-template-columns:repeat(3,1fr);gap:34px;margin:0;padding:0;list-style:none;display:grid}.step-number{font:12px var(--mono);color:var(--green);margin-bottom:20px;display:block}.how-it-works h3{margin-bottom:9px;font-size:14px;font-weight:600}.how-it-works li p{color:var(--muted);font-size:12px;line-height:1.8}.usage-note{background:var(--green-soft);color:var(--muted);border-radius:7px;align-items:flex-start;gap:11px;margin:38px 0;padding:18px 20px;font-size:11px;line-height:1.8;display:flex}.usage-note>svg{color:var(--green);margin-top:2px}.usage-note a{color:var(--green);text-underline-offset:3px;align-items:center;gap:3px;margin-left:5px;text-decoration:underline;display:inline-flex}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:25px 0 35px;font-size:12px;font-weight:600;display:flex}.site-footer .made-with-love-credit{--made-with-love-font-size:12px;--made-with-love-color:var(--muted);--made-with-love-emphasis-color:var(--text);font-weight:400}@media (width>=1500px){.hero{padding:85px 0}}@media (width<=1150px){.site-shell{width:calc(100% - 64px)}.hero{gap:32px}.terminal-bar{padding:15px 18px}.terminal-status{display:none!important}.terminal-body{padding:23px 20px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works{grid-template-columns:1fr;gap:28px}}@media (width<=760px){.site-shell{width:calc(100% - 40px)}.site-header{height:77px}.header-nav{gap:14px}.header-nav>a:not(.icon-button),.nav-divider{display:none}.header-nav .icon-button+.icon-button{margin-left:0}.hero{grid-template-columns:1fr;gap:32px;padding:42px 0}h1{font-size:43px}.hero-description{max-width:490px;font-size:14px}.terminal-status{display:flex!important}.terminal-body{padding:24px}.terminal-panel .command-copy code{font-size:12px}.terminal-panel .copy-button,.terminal-panel .command-actions{align-self:stretch}.search-hint{display:none}.category-filters{gap:6px}.category-filters button{padding:8px 9px;font-size:10px}.results-note{display:none}.tools-grid{gap:12px}.tool-card{padding:18px}.tool-heading{gap:9px}.tool-icon{border-radius:8px;width:35px;height:35px}.tool-heading h3{font-size:14px}.how-it-works{margin-top:40px}.how-it-works ol{gap:20px}.site-footer{align-items:flex-start}}@media (width<=530px){h1{letter-spacing:-1.5px;font-size:37px}.terminal-body{padding:22px 17px}.terminal-bar{padding:14px 17px}.terminal-panel .command-copy code{font-size:10px}.tools-grid{grid-template-columns:1fr}.tool-card{padding:22px}.tool-heading h3{font-size:16px}.tool-icon{width:40px;height:40px}.tool-description{font-size:13px}.command-copy code{font-size:11px}.copy-button{min-height:40px}.category-filters{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:13px;overflow-x:auto}.category-filters button{flex-shrink:0;min-height:37px}.how-it-works ol{grid-template-columns:1fr;gap:25px}.how-it-works li{padding-left:40px;position:relative}.step-number{position:absolute;top:3px;left:0}.usage-note{padding:17px 14px}.site-footer{flex-direction:column;gap:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
