.popular-tools-module__4AR9Oa__page{color:#111827;background:#f5f7fb;min-height:100vh}.popular-tools-module__4AR9Oa__headerGap{height:180px}.popular-tools-module__4AR9Oa__main{width:100%;margin:0 auto;padding:20px 24px 4.5rem}.popular-tools-module__4AR9Oa__browser{background:radial-gradient(circle at 0 0,#3b82f614,#0000 22%),#fff;border:1px solid #bfdbfebf;border-radius:24px;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:22px;min-height:calc(100vh - 240px);padding:24px;display:grid;box-shadow:0 24px 60px #0f172a14}.popular-tools-module__4AR9Oa__sidebar{background:linear-gradient(135deg,var(--action-color),var(--gradient-purple));border-radius:20px;align-self:start;gap:14px;padding:16px;display:grid;position:sticky;top:140px;box-shadow:0 22px 42px #2563eb38}.popular-tools-module__4AR9Oa__sidebarTitle{color:#ffffffeb;letter-spacing:.08em;text-transform:uppercase;padding:2px 4px 0;font-size:.76rem;font-weight:800}.popular-tools-module__4AR9Oa__sidebarButton{color:#1f2937;text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:14px;font-size:.98rem;line-height:1.45;transition:transform .2s,box-shadow .2s,color .2s;box-shadow:0 10px 24px #0f172a14}.popular-tools-module__4AR9Oa__sidebarButton:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a1f}.popular-tools-module__4AR9Oa__sidebarButtonActive{color:#1d4ed8;font-weight:800;box-shadow:0 14px 30px #2563eb2e}.popular-tools-module__4AR9Oa__directory{scrollbar-width:thin;scrollbar-color:#94a3b8a6 transparent;min-width:0;max-height:calc(100vh - 240px);padding-right:8px;overflow-y:auto}.popular-tools-module__4AR9Oa__directory::-webkit-scrollbar{width:8px}.popular-tools-module__4AR9Oa__directory::-webkit-scrollbar-thumb{background:#94a3b8a6;border-radius:999px}.popular-tools-module__4AR9Oa__directory::-webkit-scrollbar-track{background:0 0}.popular-tools-module__4AR9Oa__directoryHead{padding:8px 0 24px}.popular-tools-module__4AR9Oa__directoryEyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;background:#eff6ffeb;border:1px solid #bfdbfeeb;border-radius:999px;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.popular-tools-module__4AR9Oa__directoryTitle{color:#111;letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(1.8rem,1.45rem + 1vw,2.4rem)}.popular-tools-module__4AR9Oa__directorySubtitle{color:#475569;max-width:720px;margin:10px 0 0;font-size:1rem;line-height:1.7}.popular-tools-module__4AR9Oa__searchBarWrap{max-width:420px;margin-top:18px}.popular-tools-module__4AR9Oa__searchBar{width:100%;height:52px;font:inherit;color:#0f172a;background:#fff;border:1px solid #bfdbfee6;border-radius:14px;outline:none;padding:0 16px;transition:border-color .2s,box-shadow .2s;box-shadow:0 10px 24px #0f172a0d}.popular-tools-module__4AR9Oa__searchBar:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb1f}.popular-tools-module__4AR9Oa__emptyState{color:#475569;background:#f8fbff;border:1px solid #bfdbfebf;border-radius:16px;padding:28px;font-weight:600}.popular-tools-module__4AR9Oa__toolsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.popular-tools-module__4AR9Oa__toolCard{min-height:144px;color:inherit;background:#eef6fc;border:1px solid #bfdbfe99;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px 18px 18px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.popular-tools-module__4AR9Oa__toolCard:hover{border-color:#3b82f659;transform:translateY(-3px);box-shadow:0 18px 36px #0f172a14}.popular-tools-module__4AR9Oa__toolCardTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.popular-tools-module__4AR9Oa__toolIconWrap{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 8px 18px #3b82f61a}.popular-tools-module__4AR9Oa__toolIcon{font-size:1.7rem;line-height:1}.popular-tools-module__4AR9Oa__toolArrow{color:#ff2e63;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.9rem;line-height:1;display:flex;box-shadow:0 8px 18px #0f172a0d}.popular-tools-module__4AR9Oa__toolTitle{text-align:center;color:#111;margin:18px 0 0;font-size:1rem;font-weight:700;line-height:1.45}@media (max-width:1080px){.popular-tools-module__4AR9Oa__toolsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.popular-tools-module__4AR9Oa__headerGap{height:138px}.popular-tools-module__4AR9Oa__main{width:100%;padding:10px 14px 4rem}.popular-tools-module__4AR9Oa__browser{grid-template-columns:1fr;min-height:auto;padding:14px}.popular-tools-module__4AR9Oa__sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:static}.popular-tools-module__4AR9Oa__directory{max-height:none;padding-right:0;overflow:visible}}@media (max-width:620px){.popular-tools-module__4AR9Oa__main{padding:6px 12px 3.5rem}.popular-tools-module__4AR9Oa__toolsGrid,.popular-tools-module__4AR9Oa__sidebar{grid-template-columns:1fr}.popular-tools-module__4AR9Oa__toolCard{min-height:132px}}