.tools-page{--tools-line:color-mix(in srgb, var(--border) 78%, transparent)}.tools-hero{border-bottom:1px solid var(--tools-line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(1.5rem,5vw,4.5rem);padding:clamp(2.4rem,7vw,5.4rem) 0 clamp(2.1rem,5vw,4rem);display:grid}.tools-hero-copy>span,.tools-start header span,.tools-directory-head>div>span,.tools-privacy small{color:var(--accent);font:700 .68rem/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.7rem;display:block}.tools-hero h1{letter-spacing:-.065em;max-width:16ch;margin:0 0 1rem;font-size:clamp(2.3rem,1.4rem + 4.8vw,5.5rem);line-height:.98}.tools-hero-copy p{max-width:62ch;color:var(--text-muted);margin:0;font-size:clamp(1rem,.94rem + .35vw,1.2rem)}.tools-hero-count{aspect-ratio:1;border:1px solid var(--border-strong);background:var(--bg-raised);text-align:center;width:clamp(130px,16vw,178px);box-shadow:inset 0 0 0 7px var(--bg-subtle);border-radius:50%;place-content:center;padding:1rem;display:grid}.tools-hero-count strong{letter-spacing:-.07em;font-size:clamp(2.4rem,5vw,4.1rem);line-height:.85}.tools-hero-count span{margin-top:.55rem;font-size:.82rem;font-weight:700}.tools-hero-count i{color:var(--success);font:700 .52rem/1.2 var(--mono);letter-spacing:.05em;margin-top:.2rem;font-style:normal}.tools-start{padding:clamp(2.6rem,6vw,5rem) 0}.tools-start>header,.tools-directory-head{grid-template-columns:minmax(0,1fr) minmax(260px,.68fr);align-items:end;gap:2rem;margin-bottom:1.6rem;display:grid}.tools-start h2,.tools-directory h2,.tools-privacy h2{margin:0}.tools-start>header p{color:var(--text-muted);align-self:end;margin:0}.tools-start>div{border:1px solid var(--border);background:var(--border);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.tools-start-card{min-height:250px;color:var(--text);background:var(--bg-raised);isolation:isolate;flex-direction:column;padding:clamp(1.35rem,3vw,2.1rem);text-decoration:none;transition:background .16s;display:flex;position:relative;overflow:hidden}.tools-start-card:after{content:"";z-index:-1;border:28px solid hsl(var(--tool-hue) 80% 55% / .1);border-radius:50%;width:180px;height:180px;transition:transform .24s;position:absolute;top:-62px;right:-44px}.tools-start-card:hover{color:var(--text);background:var(--bg-subtle)}.tools-start-card:hover:after{transform:scale(1.14)}.tools-start-glyph{width:54px;height:54px;color:hsl(var(--tool-hue) 74% 42%);background:hsl(var(--tool-hue) 76% 52% / .11);font:800 .85rem/1 var(--mono);border-radius:15px;place-items:center;margin-bottom:2rem;display:grid}.tools-start-card small{color:hsl(var(--tool-hue) 69% 40%);font:700 .64rem/1.2 var(--mono);letter-spacing:.1em}.tools-start-card h3{margin:.45rem 0 .65rem;font-size:clamp(1.2rem,1rem + .6vw,1.55rem)}.tools-start-card p{max-width:44ch;color:var(--text-muted);margin:0 0 1.4rem}.tools-start-card b{color:var(--text);margin-top:auto;font-size:.8rem}.tools-start-card b i{margin-left:.25rem;font-style:normal}.tools-recent{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-subtle) 62%, var(--bg-raised)), var(--bg-raised) 72%);box-shadow:var(--shadow);border-radius:18px;margin:0 0 clamp(2.7rem,6vw,5rem);padding:clamp(1.2rem,3vw,1.7rem)}.tools-recent[hidden]{display:none}.tools-recent>header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.tools-recent>header span{color:var(--accent);font:700 .62rem var(--mono);letter-spacing:.13em;margin-bottom:.35rem;display:block}.tools-recent h2{margin:0;font-size:clamp(1.15rem,1rem + .6vw,1.45rem)}.tools-recent>header p{color:var(--text-muted);margin:.28rem 0 0;font-size:.78rem}.tools-recent>header button{border:1px solid var(--border);min-height:44px;color:var(--text-muted);background:var(--bg-raised);font:650 .7rem var(--font);cursor:pointer;border-radius:9px;flex:none;padding:.35rem .7rem}.tools-recent>header button:hover{border-color:var(--border-strong);color:var(--text)}.tools-recent>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.tools-directory{padding-top:.75rem}.tools-directory-head{margin-bottom:1rem}.tools-search{border:1px solid var(--border-strong);background:var(--bg-raised);min-height:52px;box-shadow:var(--shadow);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:0 .85rem;display:grid}.tools-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.tools-search svg{fill:none;width:19px;stroke:var(--text-muted);stroke-width:1.8px;stroke-linecap:round}.tools-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.tools-search input::placeholder{color:var(--text-muted)}.tools-search kbd{border:1px solid var(--border);min-width:24px;color:var(--text-muted);background:var(--bg-subtle);text-align:center;font:.68rem var(--mono);border-radius:5px;padding:.12rem .35rem}.tools-filter-bar{z-index:8;border-block:1px solid var(--tools-line);background:color-mix(in srgb, var(--bg) 94%, transparent);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex;position:sticky;top:60px}.tools-filter-bar>div{scrollbar-width:none;gap:.45rem;display:flex;overflow-x:auto}.tools-filter-bar>div::-webkit-scrollbar{display:none}.tools-filter-bar button{border:1px solid var(--border);min-height:44px;color:var(--text-muted);background:var(--bg-raised);font:650 .76rem var(--font);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.35rem .75rem;display:inline-flex}.tools-filter-bar button span{color:var(--text-muted);font:.64rem var(--mono)}.tools-filter-bar button:hover{border-color:var(--border-strong);color:var(--text)}.tools-filter-bar button[aria-pressed=true]{border-color:var(--text);color:var(--bg);background:var(--text)}.tools-filter-bar button[aria-pressed=true] span{color:color-mix(in srgb, var(--bg) 70%, transparent)}.tools-filter-bar>strong{color:var(--text-muted);font:650 .72rem var(--mono);flex:none}.tools-groups>section{border-bottom:1px solid var(--tools-line);padding:clamp(2.5rem,6vw,4.7rem) 0;scroll-margin-top:130px}.tools-groups>section[hidden]{display:none}.tools-groups>section>header{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.9rem;margin-bottom:1.35rem;display:grid}.tools-group-index{color:var(--text-muted);font:.6rem var(--mono);align-self:start;padding-top:.35rem}.tools-group-icon{border:1px solid var(--border);background:var(--bg-subtle);width:46px;height:46px;font:750 .76rem var(--mono);border-radius:12px;place-items:center;display:grid}.tools-groups header h2{font-size:clamp(1.35rem,1.1rem + .9vw,1.8rem)}.tools-groups header p{color:var(--text-muted);margin:.2rem 0 0;font-size:.86rem}.tools-groups header>a{color:var(--text-muted);font-size:.72rem;text-decoration:none}.tools-groups header>a span{margin-left:.3rem}.tools-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.tools-entry-grid.is-convert{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-entry-grid>a,.tools-recent>div>a{border:1px solid var(--border);min-height:66px;color:var(--text);background:var(--bg-raised);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.65rem .7rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.tools-entry-grid>a[hidden]{display:none}.tools-entry-grid>a:hover,.tools-recent>div>a:hover{border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow);transform:translateY(-1px)}.tools-entry-chip{width:42px;height:42px;color:hsl(var(--tool-hue) 72% 40%);background:hsl(var(--tool-hue) 75% 52% / .1);font:750 .62rem/1 var(--mono);white-space:nowrap;border-radius:10px;place-items:center;display:grid;overflow:hidden}.tools-entry-grid>a>span:nth-child(2),.tools-recent>div>a>span:nth-child(2){gap:.12rem;min-width:0;display:grid}.tools-entry-grid strong,.tools-recent strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.25;overflow:hidden}.tools-entry-grid small,.tools-recent small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;line-height:1.25;overflow:hidden}.tools-entry-grid svg,.tools-recent svg{fill:none;width:15px;stroke:var(--text-muted);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.tools-empty{text-align:center;padding:5rem 1rem}.tools-empty>span{border:1px solid var(--border);width:64px;height:64px;color:var(--text-muted);background:var(--bg-subtle);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.6rem;display:grid}.tools-empty h2{margin-bottom:.45rem}.tools-empty p{color:var(--text-muted)}.tools-privacy{border:1px solid var(--border);background:var(--bg-subtle);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.2rem,4vw,3rem);margin-top:clamp(3rem,7vw,6rem);padding:clamp(1.5rem,4vw,3rem);display:grid}.tools-privacy>span{border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.tools-privacy>span i{border:2px solid var(--success);border-radius:18px 18px 14px 14px;width:36px;height:48px;position:absolute}.tools-privacy>span i:nth-child(2){border-width:0 2px 2px 0;border-radius:0;width:20px;height:28px;transform:rotate(45deg)translate(-4px,5px)}.tools-privacy>span i:nth-child(3){display:none}.tools-privacy small{color:var(--success)}.tools-privacy p{max-width:70ch;color:var(--text-muted);margin:.55rem 0 0}@media (prefers-color-scheme:dark){.tools-start-card small,.tools-start-glyph,.tools-entry-chip{color:hsl(var(--tool-hue) 75% 72%)}.tools-filter-bar button[aria-pressed=true]{color:var(--bg)}}@media (width<=820px){.tools-entry-grid,.tools-entry-grid.is-convert,.tools-recent>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-filter-bar{top:99px}}@media (width<=640px){.tools-hero{grid-template-columns:1fr;align-items:start;padding-top:2.2rem}.tools-hero h1{font-size:clamp(2.35rem,12vw,3.55rem)}.tools-hero-count{aspect-ratio:auto;text-align:left;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:.7rem;width:fit-content;min-width:158px;min-height:66px;padding:.65rem .9rem}.tools-hero-count strong{grid-row:1/3;font-size:2.35rem}.tools-hero-count span{align-self:end;margin:0;font-size:.76rem}.tools-hero-count i{align-self:start;margin:0}.tools-start>header,.tools-directory-head{grid-template-columns:1fr;gap:.75rem}.tools-start>div{grid-template-columns:1fr}.tools-start-card.is-featured{min-height:225px}.tools-start-card:not(.is-featured){grid-template-rows:auto auto;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:.18rem .75rem;min-height:96px;padding:.72rem;display:grid}.tools-start-card:not(.is-featured):after{border-width:16px;width:92px;height:92px}.tools-start-card:not(.is-featured) .tools-start-glyph{border-radius:13px;grid-row:1/3;width:54px;height:54px;margin:0}.tools-start-card:not(.is-featured) small{text-overflow:ellipsis;white-space:nowrap;align-self:end;overflow:hidden}.tools-start-card:not(.is-featured) h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:start;margin:0;font-size:1rem;line-height:1.25;display:-webkit-box;overflow:hidden}.tools-start-card:not(.is-featured) p{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tools-start-card:not(.is-featured) b{grid-area:1/3/3;place-items:center;width:28px;min-height:44px;margin:0;font-size:0;display:grid;overflow:hidden}.tools-start-card:not(.is-featured) b i{margin:0;font-size:1rem}.tools-filter-bar{align-items:flex-start;top:99px}.tools-filter-bar>strong{padding-top:.55rem;font-size:.62rem}.tools-groups>section>header{grid-template-columns:auto auto minmax(0,1fr)}.tools-groups header>a{display:none}.tools-entry-grid,.tools-entry-grid.is-convert,.tools-recent>div{grid-template-columns:1fr}.tools-recent>header{align-items:start}.tools-privacy{grid-template-columns:1fr}.tools-privacy>span{width:74px;height:74px}}@media (prefers-reduced-motion:reduce){.tools-start-card:after,.tools-entry-grid>a{transition:none}}