.tools-directory{--directory-ink:#12172a;--directory-muted:#667085;min-height:100vh;color:var(--directory-ink);background:radial-gradient(circle at 8% 9%,#6b46dd11,#0000 23rem),#f8f9fc}.tools-directory-shell{width:min(1160px,100% - 2rem);margin-inline:auto}.tools-directory-hero{text-align:center;background:radial-gradient(circle at 82% 12%,#ff529417,#0000 20rem),radial-gradient(circle at 18% 5%,#6938ef1f,#0000 23rem),#fff;border-bottom:1px solid #e8eaf0;padding:4.3rem 0 2.2rem}.tools-directory-kicker{color:#6440d7;letter-spacing:.025em;background:#f7f4ff;border:1px solid #ded7fa;border-radius:999px;align-items:center;gap:.45rem;padding:.48rem .72rem;font-size:.74rem;font-weight:800;display:inline-flex}.tools-directory-hero h1{max-width:760px;color:var(--directory-ink);letter-spacing:-.065em;margin:1rem auto .8rem;font-size:clamp(2.4rem,6vw,4.75rem);font-weight:850;line-height:.98}.tools-directory-hero>.tools-directory-shell>p{max-width:650px;color:var(--directory-muted);margin:0 auto;font-size:clamp(.98rem,2vw,1.08rem);line-height:1.7}.tools-directory-search{color:#7b8494;background:#fff;border:1px solid #dfe2ea;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:min(620px,100%);min-height:58px;margin:1.55rem auto 0;padding:0 .7rem 0 1rem;transition:border-color .16s,box-shadow .16s;display:grid;box-shadow:0 16px 40px #1d184217}.tools-directory-search:focus-within{border-color:#9b83e9;box-shadow:0 0 0 4px #6940df1c,0 16px 40px #1d184217}.tools-directory-search input{color:#182033;background:0 0;border:0;outline:0;min-width:0;padding:1rem .7rem;font-size:.98rem}.tools-directory-search input::placeholder{color:#9299a8}.tools-directory-search button{color:#616b7d;background:#f2f3f7;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.tools-directory-jump{scrollbar-width:none;gap:.5rem;max-width:880px;margin:1.15rem auto 0;padding:.3rem 0 .2rem;display:flex;overflow-x:auto}.tools-directory-jump::-webkit-scrollbar{display:none}.tools-directory-jump a{color:#454e60;background:#ffffffe6;border:1px solid #e3e5eb;border-radius:12px;flex:none;align-items:center;gap:.45rem;padding:.52rem .68rem;font-size:.76rem;font-weight:750;text-decoration:none;display:inline-flex}.tools-directory-jump a:hover{color:#5632c8;background:#faf8ff;border-color:#cfc6ef}.tools-directory-jump-icon{color:#fff;background:#6b46dd;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.tools-directory-jump-icon svg{width:13px;height:13px}.tools-directory-jump-icon-snapchat{color:#111827;background:#ffef00}.tools-directory-jump-icon-instagram{background:linear-gradient(135deg,#833ab4,#e1306c,#f77737)}.tools-directory-jump-icon-pinterest{background:#e60023}.tools-directory-jump-icon-twitch{background:#9146ff}.tools-directory-jump-icon-discord{background:#5865f2}.tools-directory-jump-icon-tiktok{background:#171c27}.tools-directory-content{padding-top:2rem;padding-bottom:4.5rem}.tools-directory-results{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;padding:0 .15rem;display:flex}.tools-directory-results strong{color:#20273a;font-size:.9rem}.tools-directory-results span{color:#7a8394;font-size:.78rem}.tools-directory-section{background:linear-gradient(135deg, color-mix(in srgb, var(--directory-accent) 6%, white), #fff 30%);border:1px solid #e5e7ed;border-radius:24px;margin-bottom:1.15rem;padding:1.25rem;scroll-margin-top:100px;box-shadow:0 12px 36px #15192d0b}.tools-directory-section-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;margin-bottom:1rem;display:grid}.tools-directory-category-icon{color:#fff;background:var(--directory-accent);width:50px;height:50px;box-shadow:0 10px 22px color-mix(in srgb, var(--directory-accent) 25%, transparent);border-radius:15px;justify-content:center;align-items:center;display:inline-flex}.tools-directory-category-icon svg{width:25px;height:25px}.tools-directory-category-icon-snapchat{color:#111827}.tools-directory-section-head h2{color:#151b2c;letter-spacing:-.025em;margin:0;font-size:1.18rem;font-weight:820}.tools-directory-section-head p{color:#70798b;margin:.25rem 0 0;font-size:.78rem;line-height:1.5}.tools-directory-count{color:#60697b;background:#ffffffe6;border:1px solid #e2e4ea;border-radius:10px;justify-content:center;align-items:center;min-width:34px;height:30px;font-size:.76rem;font-weight:800;display:inline-flex}.tools-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.tools-directory-card{color:#161d2f;background:#fffffff0;border:1px solid #e5e7ed;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-width:0;min-height:118px;padding:1rem;text-decoration:none;transition:border-color .17s,box-shadow .17s,transform .17s;display:grid}.tools-directory-card:hover{border-color:color-mix(in srgb, var(--tool-card-accent) 40%, #dfe2e8);color:#161d2f;transform:translateY(-2px);box-shadow:0 14px 30px #181c3014}.tools-directory-card:focus-visible{outline:3px solid color-mix(in srgb, var(--tool-card-accent) 30%, transparent);outline-offset:3px}.tools-directory-card-icon{color:#fff;background:var(--tool-card-accent);border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.tools-directory-card-icon svg{width:21px;height:21px}.tools-directory-card-snapchat .tools-directory-card-icon{color:#111827}.tools-directory-card-copy{gap:.35rem;min-width:0;display:grid}.tools-directory-card-copy strong{color:#161d2f;font-size:.91rem;font-weight:790;line-height:1.35}.tools-directory-card-copy small{color:#717a8c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tools-directory-card-action{width:32px;height:32px;color:var(--tool-card-accent);background:color-mix(in srgb, var(--tool-card-accent) 9%, white);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.tools-directory-card-action svg{width:16px;height:16px}.tools-directory-empty{text-align:center;background:#fff;border:1px solid #e0e3ea;border-radius:22px;padding:3.5rem 1.5rem}.tools-directory-empty>span{color:#6b46dd;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.tools-directory-empty h2{margin:.5rem 0;font-size:1.55rem;font-weight:820}.tools-directory-empty p{color:#70798b}.tools-directory-empty button{color:#fff;background:#6038d5;border:0;border-radius:11px;padding:.72rem 1rem;font-size:.86rem;font-weight:750}@media (max-width:991.98px){.tools-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.tools-directory-hero{padding:2.8rem 0 1.7rem}.tools-directory-shell{width:min(100% - 20px,1160px)}.tools-directory-hero h1{font-size:clamp(2.2rem,12vw,3.35rem)}.tools-directory-jump{justify-content:flex-start;margin-inline:-2px}.tools-directory-content{padding-top:1.25rem}.tools-directory-results{flex-direction:column;align-items:flex-start;gap:.15rem}.tools-directory-section{border-radius:19px;padding:1rem}.tools-directory-section-head{gap:.7rem}.tools-directory-section-head p{font-size:.74rem}.tools-directory-grid{grid-template-columns:1fr}.tools-directory-card{min-height:102px;padding:.85rem}}@media (max-width:380px){.tools-directory-category-icon{width:43px;height:43px}.tools-directory-section-head h2{font-size:1.03rem}.tools-directory-count{display:none}.tools-directory-section-head{grid-template-columns:auto minmax(0,1fr)}}