.tools-index-head{width:100%;max-width:var(--content-page-width,1400px);margin:8px 0 48px}.category-index-head{margin-bottom:24px}.tools-index-head>.eyebrow{color:#9898a1;align-items:center;gap:8px;margin-bottom:14px;display:flex}.tools-index-head>.eyebrow .icon{width:16px;height:16px}.tools-index-title{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.category-tools-button{color:#111;background:#fff;border:1px solid #fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 17px;font-size:14px;font-weight:600;line-height:1.4;transition:background-color .2s,border-color .2s;display:inline-flex}.category-tools-button:hover{background:#d8d8dc;border-color:#d8d8dc}.category-tools-button .icon{width:16px;height:16px}.category-tools-button[hidden]{display:none}.tools-index-head h1{letter-spacing:-2.52px;font-size:72px;line-height:1.05}@media (width<=1100px){.tools-index-head h1{font-size:45px}}@media (width<=740px){.tools-index-head h1{font-size:40px}}.tools-index-title>p{color:#777;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px}.tools-index-head>p{color:#929292;max-width:620px;margin:14px 0 28px;font-size:16px;line-height:1.7}.tools-index-controls{grid-template-columns:minmax(190px,.45fr) minmax(240px,1fr);align-items:center;gap:10px;display:grid}.tools-search,.tools-filter{color:#8f8f93;background:#0d0d0d;border:1px solid #ffffff17;border-radius:16px;height:48px;transition:border-color .2s,background-color .2s,box-shadow .2s}.tools-search{align-items:center;gap:10px;padding:0 15px;display:flex}.tools-search>.icon,.tools-filter-icon{flex-shrink:0;width:17px;height:17px}.tools-search input{color:#e8e8e8;width:100%;height:100%;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.tools-search input:focus-visible{outline:0}.tools-search input::placeholder{color:#737377}.tools-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.tools-filter{z-index:6;position:relative}.tools-filter-trigger{z-index:2;color:#c8c8cc;width:100%;height:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:15px;grid-template-columns:17px minmax(0,1fr) 15px;align-items:center;gap:10px;padding:0 13px 0 15px;font-size:14px;display:grid;position:relative}.tools-filter-icon{color:#707075;transition:color .2s}.tools-filter-chevron{color:#65656a;pointer-events:none;width:15px;height:15px;transition:color .2s,transform .26s cubic-bezier(.16,1,.3,1);transform:rotate(90deg)}.tools-filter-menu{z-index:1;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 34% round 16px);transform-origin:top;background:#141416fa;border:1px solid #ffffff20;border-radius:16px;width:calc(100% + 2px);padding:6px;transition:opacity .14s,visibility 0s linear .14s,transform .14s,clip-path .14s;position:absolute;top:calc(100% + 8px);left:-1px;transform:translateY(-8px)scale(.98);box-shadow:0 16px 38px #0000006b,inset 0 1px #ffffff0c}.tools-filter-menu button{--option-index:0;color:#aaa;width:100%;height:40px;font:inherit;text-align:left;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:11px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;padding:0 10px;font-size:13px;transition:color .15s,background-color .15s,opacity .16s,transform .2s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(-5px)}.tools-filter-menu button .icon{color:#d7d7dc;opacity:0;width:15px;height:15px;transition:opacity .15s,transform .2s cubic-bezier(.16,1,.3,1);transform:scale(.7)}.tools-filter-menu button:hover,.tools-filter-menu button:focus-visible{color:#fff;background:#ffffff0d;outline:0}.tools-filter-menu button[aria-selected=true]{color:#f0f0f2;background:#ffffff12}.tools-filter-menu button[aria-selected=true] .icon{opacity:1;transform:scale(1)}.tools-filter[data-open=true]{background:#141414;border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff09}.tools-filter[data-open=true] .tools-filter-chevron{color:#c8c8cd;transform:rotate(-90deg)}.tools-filter[data-open=true] .tools-filter-menu{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0 round 16px);transition:opacity .22s,visibility,transform .32s cubic-bezier(.16,1,.3,1),clip-path .32s cubic-bezier(.16,1,.3,1);transform:translateY(0)scale(1)}.tools-filter[data-open=true] .tools-filter-menu button{opacity:1;transition-delay:calc(var(--option-index) * 35ms);transform:translateY(0)}.tools-search:hover,.tools-filter:hover{background:#101010;border-color:#ffffff2b}.tools-search:focus-within{background:#111;border-color:#ffffff4a;box-shadow:0 0 0 3px #ffffff09}.tools-filter[data-active=true]{background:#141414;border-color:#ffffff34}.tools-filter[data-active=true] .tools-filter-icon{color:#c9c9ce}.all-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;display:grid}.all-tool-card{color:#e9e9e9;border-radius:18px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:start;gap:16px;min-width:0;padding:22px 18px;transition:color .2s,background .2s;display:grid}.all-tool-card:hover{color:#fff;background:#ffffff0d}.tool-index-icon{border-radius:9px;width:40px;height:40px;display:block;overflow:hidden}.tool-index-icon img{object-fit:contain;width:100%;height:100%;display:block}.tool-index-icon.fallback{color:#d8d8d8;background:#171717;place-items:center;font-size:16px;font-weight:650;display:grid}.all-tool-copy{min-width:0}.tools-directory .all-tool-card h2{font-family:var(--font);letter-spacing:-.16px;margin:0;font-size:16px;font-weight:650;line-height:1.4}.tools-directory .all-tool-card p{-webkit-line-clamp:2;color:#8f8f93;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.all-tool-card>.icon{color:#6f6f73;width:16px;height:16px;margin-top:3px;transition:transform .2s,color .2s}.all-tool-card:hover>.icon{color:#ddd;transform:translate(3px)}.tools-empty{color:#929292;text-align:center;border-top:1px solid #ffffff12;padding:64px 0}.tools-load-more{text-align:center;min-height:88px;padding:24px 0 16px}.tools-load-more[hidden]{display:none}.tools-load-more button{color:#bdbdc2;cursor:pointer;font:600 13px/1.4 var(--font);background:#101010;border:1px solid #ffffff20;border-radius:999px;padding:11px 18px;transition:color .2s,border-color .2s,background-color .2s}.tools-load-more button:hover,.tools-load-more button:focus-visible{color:#fff;background:#171717;border-color:#ffffff42}.tools-load-more span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=740px){.tools-index-head{margin:0 0 32px}.tools-index-title{align-items:end}.tools-index-head h1{font-size:40px}.tools-index-head>p{margin:10px 0 22px;font-size:14px}.tools-index-controls,.all-tools-grid{grid-template-columns:1fr}.all-tool-card{padding:19px 16px}.tools-directory .all-tool-card p{-webkit-line-clamp:2}}@media (prefers-reduced-motion:reduce){.tools-filter-menu,.tools-filter-menu button,.tools-filter-chevron{transition-duration:.01ms!important;transition-delay:0s!important;transform:none!important}}@media (width<=740px){.tools-index-title{flex-direction:column;align-items:flex-start;gap:18px}.category-tools-button{min-height:42px}}.all-tools-row{text-align:center;margin:26px 0 44px}.all-tools-row p{color:#9198a4;margin-top:12px;font-size:12px}@media (width<=740px){.all-tools-row{margin-bottom:30px}}.tools-index-head h1{font-family:var(--heading);font-size:var(--type-page);letter-spacing:-1.68px;font-weight:700;line-height:1.15}@media (width<=1100px){.tools-index-head h1{font-size:var(--type-page)}}@media (width<=740px){.tools-index-head h1{font-size:var(--type-page)}}.all-tool-card h2{font-family:var(--heading);letter-spacing:-.48px;font-size:24px;font-weight:600;line-height:1.3}.tools-index-title>p,.tools-search input,.tools-filter-trigger,.tools-filter-menu button{font-size:var(--type-nav)}.tools-index-title>p,.tools-index-head>p{color:var(--text-muted)}.tools-directory .all-tool-card h2,.tool-index-icon.fallback{font-weight:600}.tools-directory .all-tool-card p{color:var(--text-muted);font-size:var(--type-nav);line-height:1.65}