/* AnoProxy tool icon system v1.2 */
.anoproxy-tool-icon{
  --tool-icon-accent:#2f6fff;
  --tool-icon-accent-2:#65a5ff;
  --tool-icon-bg:#eef5ff;
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  color:var(--tool-icon-accent);
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.96),transparent 42%),
    linear-gradient(145deg,var(--tool-icon-bg),#f9fbff);
  border:1px solid color-mix(in srgb,var(--tool-icon-accent) 18%,#d9e6f8);
  box-shadow:
    0 8px 20px color-mix(in srgb,var(--tool-icon-accent) 12%,transparent),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.anoproxy-tool-icon::before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  right:-12px;
  bottom:-12px;
  border-radius:50%;
  background:var(--tool-icon-accent-2);
  opacity:.12;
  filter:blur(2px);
}
.anoproxy-tool-icon svg{
  position:relative;
  z-index:1;
  width:58%;
  height:58%;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.anoproxy-tool-icon-text{
  position:relative;
  z-index:1;
  max-width:100%;
  padding:0 3px;
  overflow:hidden;
  color:currentColor;
  font:700 9px/1 "Plus Jakarta Sans","Noto Sans SC",sans-serif;
  letter-spacing:-.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.anoproxy-tool-icon--chat{--tool-icon-accent:#526dff;--tool-icon-accent-2:#967bff;--tool-icon-bg:#eef1ff}
.anoproxy-tool-icon--ip{--tool-icon-accent:#287cf5;--tool-icon-accent-2:#49c9ff;--tool-icon-bg:#ebf6ff}
.anoproxy-tool-icon--privacy{--tool-icon-accent:#1c9c78;--tool-icon-accent-2:#4bd7ad;--tool-icon-bg:#eafaf5}
.anoproxy-tool-icon--port{--tool-icon-accent:#4366e8;--tool-icon-accent-2:#6f8fff;--tool-icon-bg:#eef2ff}
.anoproxy-tool-icon--browser{--tool-icon-accent:#336fed;--tool-icon-accent-2:#62a8ff;--tool-icon-bg:#edf5ff}
.anoproxy-tool-icon--json{--tool-icon-accent:#7959e9;--tool-icon-accent-2:#aa8bff;--tool-icon-bg:#f3efff}
.anoproxy-tool-icon--http{--tool-icon-accent:#237acb;--tool-icon-accent-2:#36bde4;--tool-icon-bg:#eaf7fd}
.anoproxy-tool-icon--tool,.anoproxy-tool-icon--text{--tool-icon-accent:#356ee8;--tool-icon-accent-2:#69a5ff;--tool-icon-bg:#edf4ff}

/* Resource dropdown */
.resource-nav-v6 .resource-tools-list>a>.resource-tool-icon{
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border-radius:11px!important;
  font-size:0!important;
}
.resource-nav-v6 .resource-tools-list>a:hover>.resource-tool-icon{
  transform:translateY(-1px) scale(1.04);
  border-color:color-mix(in srgb,var(--tool-icon-accent) 35%,#d9e6f8)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--tool-icon-accent) 18%,transparent),inset 0 1px 0 #fff;
}

/* Full tool directory */
.tool-card-icon.anoproxy-tool-icon{
  width:54px!important;
  height:54px!important;
  padding:0!important;
  border-radius:16px!important;
  font-size:0!important;
}
.tool-card-v4:hover .tool-card-icon.anoproxy-tool-icon{
  transform:translateY(-2px) scale(1.04);
  border-color:color-mix(in srgb,var(--tool-icon-accent) 38%,#d9e6f8);
  box-shadow:0 14px 30px color-mix(in srgb,var(--tool-icon-accent) 18%,transparent),inset 0 1px 0 #fff;
}
.tool-card-icon.anoproxy-tool-icon .anoproxy-tool-icon-text{font-size:12px}

@supports not (color:color-mix(in srgb,#000,#fff)){
  .anoproxy-tool-icon{border-color:#d9e6f8;box-shadow:0 8px 20px rgba(47,111,255,.10),inset 0 1px 0 rgba(255,255,255,.95)}
}