(function(){
/* ============================================================
   AI HAIRSTYLE CHANGER FOR WOMEN - by Face Shape  (HSF v5 (light colors fix + edge halo cleanup))
   - 18 female cuts (long-hair focus), 22 colors (browns prominent)
   - Aspect-ratio preserved, wide smaller/bigger range
   - Aggressive preload, blue-edge cleanup
   - NEW: Forehead detection + bang recommendations
   - Result panel: face shape + metrics + FOREHEAD + bars
   - hcHeroSwap, camera, thank-you killer
   ============================================================ */
var HC_CUTS=[
{k:"pixie",n:"Pixie Cut",u:"https://profreetools.online/wp-content/uploads/2026/06/BOX-1-—-SHORT-STRUCTURE-women-1-pixie-cut.webp.webp"},
{k:"frenchbob",n:"French Bob",u:"https://profreetools.online/wp-content/uploads/2026/06/women-2-french-bob.webp.webp"},
{k:"bluntbob",n:"Blunt Bob",u:"https://profreetools.online/wp-content/uploads/2026/06/women-3-blunt-bob.webp.webp"},
{k:"layeredbob",n:"Layered Bob",u:"https://profreetools.online/wp-content/uploads/2026/06/women-4-layered-bob.webp.webp"},
{k:"curlybob",n:"Short Curly Bob",u:"https://profreetools.online/wp-content/uploads/2026/06/women-5-short-curly-bob.webp.webp"},
{k:"asymmetric",n:"Asymmetric Bob",u:"https://profreetools.online/wp-content/uploads/2026/06/women-6-asymmetric-bob.web_.webp"},
{k:"curtainbangs",n:"Curtain Bangs",u:"https://profreetools.online/wp-content/uploads/2026/06/BOXMEDIUM-TRENDY-WITH-BANGS-women-7-curtain-bangs.webp.webp"},
{k:"wispybangs",n:"Wispy Bangs",u:"https://profreetools.online/wp-content/uploads/2026/06/women-8-wispy-bangs.webp.webp"},
{k:"sideswept",n:"Side-Swept Bangs",u:"https://profreetools.online/wp-content/uploads/2026/06/women-9-side-swept-bangs.webp.webp"},
{k:"lob",n:"Long Bob (Lob)",u:"https://profreetools.online/wp-content/uploads/2026/06/women-10-long-bob-lob.webp.webp"},
{k:"shagcut",n:"Shag Cut",u:"https://profreetools.online/wp-content/uploads/2026/06/women-11-shag-cut.webp.webp"},
{k:"wolfcut",n:"Wolf Cut",u:"https://profreetools.online/wp-content/uploads/2026/06/women-12-wolf-cut.webp.webp"},
{k:"longlayered",n:"Long Layered Hair",u:"https://profreetools.online/wp-content/uploads/2026/06/BOX-3-—-LONG-GLAM-women-13-long-layered.webp.webp"},
{k:"waves",n:"Beach Waves",u:"https://profreetools.online/wp-content/uploads/2026/06/women-14-waves.webp.webp"},
{k:"sleekstraight",n:"Sleek Straight Long",u:"https://profreetools.online/wp-content/uploads/2026/06/women-15-sleek-straight-long.webp.webp"},
{k:"longcurls",n:"Long Defined Curls",u:"https://profreetools.online/wp-content/uploads/2026/06/women-16-long-defined-curls.webp.webp"},
{k:"facelayers",n:"Face-Framing Layers",u:"https://profreetools.online/wp-content/uploads/2026/06/women-17-face-framing-layers.webp.webp"},
{k:"openhair",n:"Open Long Hair",u:"https://profreetools.online/wp-content/uploads/2026/06/women-18-open-hair.webp-last.webp"}
];

/* Per-style fit (female hair = wider/longer than male) */
var STYLE_FIT={
  pixie:        {wMul:0.80,yMul:0.08},
  frenchbob:    {wMul:0.85,yMul:0.10},
  bluntbob:     {wMul:0.83,yMul:0.10},
  layeredbob:   {wMul:0.90,yMul:0.10},
  curlybob:     {wMul:0.95,yMul:0.10},
  asymmetric:   {wMul:0.90,yMul:0.10},
  curtainbangs: {wMul:0.72,yMul:0.18},
  wispybangs:   {wMul:0.70,yMul:0.18},
  sideswept:    {wMul:0.74,yMul:0.16},
  lob:          {wMul:0.88,yMul:0.10},
  shagcut:      {wMul:0.72,yMul:0.20},
  wolfcut:      {wMul:0.74,yMul:0.20},
  longlayered:  {wMul:1.05,yMul:0.11},
  waves:        {wMul:1.08,yMul:0.11},
  sleekstraight:{wMul:0.93,yMul:0.10},
  longcurls:    {wMul:1.12,yMul:0.11},
  facelayers:   {wMul:0.80,yMul:0.15},
  openhair:     {wMul:1.02,yMul:0.11}
};

/* 22 colors - browns + party shades. Default = index 0 (Dark Brown) */
var HC_COLORS=[
{n:"Natural Brown",c:"#7a5235",t:null},
{n:"Dark Brown",c:"#3b2417",t:"#3b2417"},
{n:"Medium Brown",c:"#54381f",t:"#54381f"},
{n:"Light Brown",c:"#6b4a2f",t:"#6b4a2f"},
{n:"Chestnut",c:"#4a2c20",t:"#4a2c20"},
{n:"Caramel",c:"#8a5a2e",t:"#8a5a2e"},
{n:"Ash Brown",c:"#6e5b4a",t:"#6e5b4a"},
{n:"Mocha",c:"#5d4332",t:"#5d4332"},
{n:"Natural Black",c:"#1a1a1a",t:"#1a1a1a"},
{n:"Soft Black",c:"#2b2b2b",t:"#2b2b2b"},
{n:"Honey Blonde",c:"#cb9b51",t:"#cb9b51"},
{n:"Golden Blonde",c:"#c9a24b",t:"#c9a24b"},
{n:"Dark Blonde",c:"#9c7c4d",t:"#9c7c4d"},
{n:"Platinum Silver",c:"#cfcfd6",t:"#d8d8de"},
{n:"Ash Gray",c:"#8a8a8f",t:"#9a9aa0"},
{n:"Copper Red",c:"#a8521f",t:"#a8521f"},
{n:"Auburn",c:"#6a2e1f",t:"#6a2e1f"},
{n:"Burgundy",c:"#5c2230",t:"#5c2230"},
{n:"Wine Red",c:"#722f37",t:"#722f37"},
{n:"Rose Gold",c:"#b76e79",t:"#b76e79"},
{n:"Cherry Red",c:"#8c1a2a",t:"#8c1a2a"},
{n:"Smoky Purple",c:"#6e5a86",t:"#6e5a86"},
{n:"Ice Blue",c:"#5b8fb0",t:"#5b8fb0"}
];
var HC_DEFAULT_COLOR=0; /* Dark Brown */

/* Long-hair emphasis for most face shapes (per Rubab strategy) */
var HC_BEST={
  oval:["longlayered","lob","waves","curtainbangs"],
  round:["longlayered","lob","sleekstraight","sideswept"],
  square:["waves","longcurls","facelayers","wispybangs"],
  oblong:["lob","frenchbob","curtainbangs","layeredbob"],
  diamond:["lob","curtainbangs","wispybangs","facelayers"],
  heart:["lob","sideswept","layeredbob","longlayered"],
  triangle:["longlayered","waves","curtainbangs","shagcut"]
};

var HC_NARRATIVE={
  oval:"perfectly balanced proportions that flatter almost any cut",
  round:"soft equal-width features that benefit from added vertical length",
  square:"a beautifully defined jawline best paired with softening waves and layers",
  oblong:"an elegant longer face shape balanced by bangs and added width",
  diamond:"striking cheekbones with a narrower forehead and chin that flatter framing layers",
  heart:"a wider forehead and softer jawline that pair with chin-length to long cuts",
  triangle:"a wider jawline complemented by added volume and length on top"
};

/* FOREHEAD CLASSIFICATION (NEW) */
var HC_FH_CATS={
  tallwide:{name:"Tall & Wide",bangs:["curtainbangs","wispybangs","frenchbob","sideswept"],guide:"Your taller and wider forehead is best framed by <b>Curtain Bangs</b> or <b>Wispy Bangs</b> that shorten the upper face and soften the sides."},
  tallnarrow:{name:"Tall & Narrow",bangs:["wispybangs","curtainbangs","sideswept"],guide:"Your taller and narrower forehead is best framed by <b>Wispy Bangs</b> or <b>Curtain Bangs</b> that visually shorten the upper face without adding width."},
  average:{name:"Balanced",bangs:["sideswept","curtainbangs","facelayers","wispybangs"],guide:"Your balanced forehead works beautifully with most bang styles. <b>Side-Swept</b> and <b>Curtain Bangs</b> are universally flattering picks."},
  shortwide:{name:"Short & Wide",bangs:["facelayers","sideswept","longlayered","lob"],guide:"Your shorter and wider forehead is best with <b>Face-Framing Layers</b> or light <b>Side-Swept</b> pieces - heavy bangs would make the upper face look even shorter."},
  shortnarrow:{name:"Short & Narrow",bangs:["facelayers","longlayered","lob","sleekstraight"],guide:"Your shorter and narrower forehead is best showcased without heavy bangs. <b>Face-Framing Layers</b> beautifully flatter your delicate features."}
};

var HC={api:null,img:null,box:null,marks:null,shape:null,conf:0,scores:null,sym:0,frame:0,overall:0,
  fhCat:null,fhConf:0,fhRatio:0,fhWRatio:0,
  activeCut:"longlayered",activeColor:HC_DEFAULT_COLOR,
  loaded:false,loading:false,cbs:[],cache:{},
  hX:0,hY:0,hS:1,camStream:null};

function hcEl(id){return document.getElementById(id);}
function hcQA(s){return document.querySelectorAll(s);}
function hcStatus(t,sp){var x=hcEl("hc-status");if(!x)return;if(!t){x.classList.remove("show");x.innerHTML="";return;}x.innerHTML=(sp?'<div class="hc-spin"></div>':"")+'<div class="hc-stx">'+t+"</div>";x.classList.add("show");}
function hcCap(s){return s?s.charAt(0).toUpperCase()+s.slice(1):"";}

function hcHeroSwap(on){var r=hcEl("hc-root");if(!r)return;if(on){r.classList.add("hc-active");}else{r.classList.remove("hc-active");}}

/* ---------- FACE-API LOADING ---------- */
function hcLoadApi(cb){
  if(window.faceapi){HC.api=window.faceapi;hcLoadModels(cb);return;}
  var s=document.createElement("script");
  s.src="https://cdn.jsdelivr.net/npm/@vladmandic/face-api/dist/face-api.js";
  s.onload=function(){HC.api=window.faceapi;hcLoadModels(cb);};
  s.onerror=function(){
    var s2=document.createElement("script");
    s2.src="https://unpkg.com/@vladmandic/face-api/dist/face-api.js";
    s2.onload=function(){HC.api=window.faceapi;hcLoadModels(cb);};
    s2.onerror=function(){hcStatus("Could not load AI engine. Check connection.",false);};
    document.head.appendChild(s2);
  };
  document.head.appendChild(s);
}
function hcLoadModels(cb){
  if(HC.loaded){cb&&cb();return;}
  if(HC.loading){if(cb)HC.cbs.push(cb);return;}
  HC.loading=true;if(cb)HC.cbs.push(cb);
  var f=HC.api;
  var srcs=["https://cdn.jsdelivr.net/npm/@vladmandic/face-api/model","https://unpkg.com/@vladmandic/face-api/model"];
  function go(i){
    if(i>=srcs.length){HC.loading=false;hcStatus("Could not load AI model.",false);return;}
    Promise.all([
      f.nets.tinyFaceDetector.loadFromUri(srcs[i]),
      f.nets.faceLandmark68Net.loadFromUri(srcs[i])
    ]).then(function(){
      HC.loaded=true;HC.loading=false;
      var q=HC.cbs;HC.cbs=[];
      for(var k=0;k<q.length;k++){try{q[k]();}catch(e){}}
    }).catch(function(){go(i+1);});
  }
  go(0);
}
function hcPreload(){if(HC.loaded||HC.loading)return;hcLoadApi(function(){});}
function hcArmPreload(){
  setTimeout(hcPreload,150);
  var once=function(){hcPreload();document.removeEventListener("touchstart",once);document.removeEventListener("mousemove",once);document.removeEventListener("scroll",once);};
  document.addEventListener("touchstart",once,{passive:true});
  document.addEventListener("mousemove",once,{passive:true});
  document.addEventListener("scroll",once,{passive:true});
}

/* ---------- UPLOAD ---------- */
function hcHandleFile(file){
  if(!file||!file.type||file.type.indexOf("image")!==0)return;
  var fr=new FileReader();
  fr.onload=function(e){
    var im=new Image();
    im.onload=function(){
      HC.img=im;
      hcHeroSwap(true);
      var emp=hcEl("hc-empty");if(emp)emp.style.display="none";
      if(HC.loaded){hcStatus("Analyzing your face...",true);setTimeout(hcDetect,80);}
      else{hcStatus(window.faceapi?"Loading AI models...":"Loading AI engine...",true);hcLoadApi(function(){hcStatus("Analyzing your face...",true);setTimeout(hcDetect,80);});}
    };
    im.src=e.target.result;
  };
  fr.readAsDataURL(file);
}

/* ---------- CAMERA ---------- */
function hcOpenCam(){
  if(!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia){hcStatus("Camera not available. Use Upload instead.",false);setTimeout(function(){hcStatus("",false);},2400);return;}
  var modal=hcEl("hc-cam");if(!modal)return;
  navigator.mediaDevices.getUserMedia({video:{facingMode:"user",width:{ideal:720},height:{ideal:720}},audio:false}).then(function(stream){
    HC.camStream=stream;
    var v=hcEl("hc-cam-video");if(v){v.srcObject=stream;v.play();}
    modal.classList.add("show");
  }).catch(function(){hcStatus("Camera permission denied. Use Upload.",false);setTimeout(function(){hcStatus("",false);},2400);});
}
function hcCloseCam(){
  var modal=hcEl("hc-cam");if(modal)modal.classList.remove("show");
  if(HC.camStream){try{HC.camStream.getTracks().forEach(function(t){t.stop();});}catch(e){}HC.camStream=null;}
}
function hcSnapCam(){
  var v=hcEl("hc-cam-video");if(!v||!v.videoWidth){return;}
  var c=document.createElement("canvas");c.width=v.videoWidth;c.height=v.videoHeight;
  c.getContext("2d").drawImage(v,0,0);
  var im=new Image();
  im.onload=function(){
    HC.img=im;hcCloseCam();
    hcHeroSwap(true);
    var emp=hcEl("hc-empty");if(emp)emp.style.display="none";
    if(HC.loaded){hcStatus("Analyzing your face...",true);setTimeout(hcDetect,80);}
    else{hcStatus("Loading AI engine...",true);hcLoadApi(function(){hcStatus("Analyzing your face...",true);setTimeout(hcDetect,80);});}
  };
  im.src=c.toDataURL("image/jpeg",0.92);
}

/* ---------- DETECTION ---------- */
function hcDetect(){
  var f=HC.api,im=HC.img;
  var dc=document.createElement("canvas");
  var sc=Math.min(520/im.width,520/im.height,1);
  dc.width=Math.round(im.width*sc);dc.height=Math.round(im.height*sc);
  dc.getContext("2d").drawImage(im,0,0,dc.width,dc.height);
  f.detectSingleFace(dc,new f.TinyFaceDetectorOptions({inputSize:320,scoreThreshold:0.35})).withFaceLandmarks().then(function(r){
    if(!r){hcStatus("No face found. Try a clearer front-facing photo.",false);setTimeout(function(){hcStatus("",false);},2600);return;}
    var inv=1/sc,b=r.detection.box;
    HC.box={x:b.x*inv,y:b.y*inv,w:b.width*inv,h:b.height*inv};
    var lm=r.landmarks.positions,p=[];
    for(var i=0;i<lm.length;i++)p.push({x:lm[i].x*inv,y:lm[i].y*inv});
    HC.marks=p;
    hcScore(p);hcMetrics(p);hcForehead(p);hcStatus("",false);
    var bl=HC_BEST[HC.shape||"oval"]||["longlayered"];
    HC.activeCut=bl[0];
    HC.activeColor=HC_DEFAULT_COLOR;
    HC.hX=0;HC.hY=0;HC.hS=1;
    hcBuildCuts();hcBuildForeheadGrid();hcSyncColorUI();hcRender();hcRenderResult();
  }).catch(function(){hcStatus("Analysis failed. Try again.",false);setTimeout(function(){hcStatus("",false);},2600);});
}

function hcScore(p){
  function d(a,b){var dx=a.x-b.x,dy=a.y-b.y;return Math.sqrt(dx*dx+dy*dy);}
  var jw=d(p[0],p[16]),cw=d(p[2],p[14]),bw=d(p[17],p[26]);
  var fh=d({x:(p[17].x+p[26].x)/2,y:(p[17].y+p[26].y)/2},p[8])*1.25;
  var lr=fh/cw,jr=jw/cw,br=bw/cw;
  function nb(v,c,w){var x=(v-c)/w;return Math.max(0,1-x*x);}
  var sc={
    oval:nb(lr,1.35,.18)*nb(jr,.85,.12)*nb(br,.92,.12),
    round:nb(lr,1.05,.10)*nb(jr,.95,.12),
    square:nb(lr,1.10,.10)*nb(jr,1.00,.12),
    oblong:nb(lr,1.55,.15)*nb(jr,.85,.12),
    diamond:nb(lr,1.30,.15)*nb(jr,.75,.10)*nb(br,.75,.12),
    heart:nb(lr,1.30,.15)*nb(jr,.78,.10)*nb(br,1.05,.12),
    triangle:nb(lr,1.20,.15)*nb(jr,1.05,.10)*nb(br,.85,.12)
  };
  var best="oval",bv=0;for(var k in sc)if(sc[k]>bv){bv=sc[k];best=k;}
  var c=Math.round(60+bv*35);if(c>95)c=95;if(c<60)c=60;
  HC.shape=best;HC.conf=c;HC.scores=sc;
}

function hcMetrics(p){
  var nx=p[27].x;
  var pairs=[[0,16],[1,15],[2,14],[3,13],[4,12],[5,11],[6,10],[7,9],[17,26],[18,25],[19,24],[20,23],[21,22],[36,45],[39,42]];
  var totDiff=0,totRef=0;
  for(var i=0;i<pairs.length;i++){
    var L=p[pairs[i][0]],R=p[pairs[i][1]];
    var ld=Math.abs(nx-L.x),rd=Math.abs(R.x-nx);
    totDiff+=Math.abs(ld-rd);totRef+=(ld+rd)/2;
  }
  var symRatio=totRef>0?(1-(totDiff/totRef)):0;
  HC.sym=Math.max(70,Math.min(98,Math.round(symRatio*100)));
  var topScore=0;for(var k in HC.scores)if(HC.scores[k]>topScore)topScore=HC.scores[k];
  HC.frame=Math.max(75,Math.min(96,Math.round(70+topScore*28)));
  HC.overall=Math.round(HC.sym*0.45+HC.frame*0.55);
}

/* ---------- FOREHEAD DETECTION (NEW) ---------- */
function hcForehead(p){
  var chinY=p[8].y;
  var eyebrowY=(p[19].y+p[24].y)/2;
  var detTop=HC.box.y;
  var foreheadH=eyebrowY-detTop;
  var lowerFaceH=chinY-eyebrowY;
  var hRatio=lowerFaceH>0?(foreheadH/lowerFaceH):0.65;
  var foreheadW=Math.abs(p[26].x-p[17].x);
  var cheekW=Math.abs(p[14].x-p[2].x);
  var wRatio=cheekW>0?(foreheadW/cheekW):0.92;
  HC.fhRatio=hRatio;
  HC.fhWRatio=wRatio;
  var hCat=hRatio>0.78?"tall":(hRatio<0.55?"short":"average");
  var wCat=wRatio>0.98?"wide":(wRatio<0.86?"narrow":"balanced");
  var cat="average";
  if(hCat==="tall"&&wCat==="wide")cat="tallwide";
  else if(hCat==="tall"&&wCat==="narrow")cat="tallnarrow";
  else if(hCat==="tall")cat="tallwide";
  else if(hCat==="short"&&wCat==="wide")cat="shortwide";
  else if(hCat==="short"&&wCat==="narrow")cat="shortnarrow";
  else if(hCat==="short")cat="shortnarrow";
  else cat="average";
  HC.fhCat=cat;
  var hDev=hRatio>0.78?(hRatio-0.78):(hRatio<0.55?(0.55-hRatio):0);
  var wDev=wRatio>0.98?(wRatio-0.98):(wRatio<0.86?(0.86-wRatio):0);
  var conf=75+Math.min(20,(hDev+wDev)*120);
  HC.fhConf=Math.round(conf);
}

/* ---------- IMAGE LOADER ---------- */
function hcLoadImg(url,key,cb){
  if(HC.cache[key]){cb(HC.cache[key]);return;}
  var im=new Image();im.crossOrigin="anonymous";
  im.onload=function(){HC.cache[key]=im;cb(im);};
  im.onerror=function(){var im2=new Image();im2.onload=function(){HC.cache[key]=im2;cb(im2);};im2.onerror=function(){cb(null);};im2.src=url;};
  im.src=url;
}

/* ---------- RENDER (aspect-ratio preserved) ---------- */
function hcRender(){
  var c=hcEl("hc-canvas"),im=HC.img;
  if(!c||!im)return;
  var maxW=560,maxH=760,ratio=im.width/im.height,W,H;
  if(im.width/maxW>=im.height/maxH){W=maxW;H=Math.round(maxW/ratio);}
  else{H=maxH;W=Math.round(maxH*ratio);}
  if(W<1)W=1;if(H<1)H=1;
  c.width=W;c.height=H;
  var ctx=c.getContext("2d");
  ctx.clearRect(0,0,W,H);ctx.drawImage(im,0,0,W,H);
  c.style.display="block";
  var adj=hcEl("hc-adjust");if(adj)adj.classList.add("show");
  var cut=null;for(var i=0;i<HC_CUTS.length;i++)if(HC_CUTS[i].k===HC.activeCut){cut=HC_CUTS[i];break;}
  if(!cut||!HC.marks)return;
  var b=HC.box,p=HC.marks,sx=W/im.width,sy=H/im.height;
  var fit=STYLE_FIT[cut.k]||{wMul:0.95,yMul:0.10};
  var cheekboneW=Math.abs(p[14].x-p[2].x)*sx;
  var centerX=p[27].x*sx;
  var headTopY=b.y*sy;
  var faceH=b.h*sy;
  var hw=cheekboneW*fit.wMul*HC.hS;
  hcLoadImg(cut.u,cut.k,function(hi){
    if(!hi)return;
    var hh=hw*(hi.height/hi.width);
    var hairTopY=headTopY-(faceH*fit.yMul)+HC.hY;
    var hx=centerX-hw/2+HC.hX;
    var hy=hairTopY;
    hcDrawHair(ctx,hi,hx,hy,hw,hh);
  });
}

function hcDrawHair(ctx,img,x,y,w,h){
  var color=HC_COLORS[HC.activeColor];
  var W=Math.max(1,Math.round(w)),H2=Math.max(1,Math.round(h));
  var oc=document.createElement("canvas");oc.width=W;oc.height=H2;
  var octx=oc.getContext("2d");octx.drawImage(img,0,0,W,H2);
  var pixelOK=true;
  try{
    var data=octx.getImageData(0,0,W,H2),d=data.data,tint=null,isLight=false;
    if(color&&color.t&&color.t!==null){
      tint={r:parseInt(color.t.substr(1,2),16),g:parseInt(color.t.substr(3,2),16),b:parseInt(color.t.substr(5,2),16)};
      isLight=(tint.r+tint.g+tint.b)>440;
    }
    for(var i=0;i<d.length;i+=4){
      var r=d[i],g=d[i+1],bb=d[i+2];
      var mx=Math.max(r,g,bb),mn=Math.min(r,g,bb),avg=(r+g+bb)/3;
      if(avg>205&&(mx-mn)<28){d[i+3]=0;continue;}
      if(avg>180&&(mx-mn)<22){var ff=1-((avg-180)/25);d[i+3]=Math.round(d[i+3]*Math.max(0,ff));}
      if(avg>160&&(mx-mn)<14&&d[i+3]>200){d[i+3]=Math.round(d[i+3]*0.65);}
      if(bb>r+18&&bb>g+10&&avg<160){d[i+3]=Math.round(d[i+3]*0.20);}
      if(tint&&d[i+3]>0){
        if(isLight){
          var br=avg/255;
          var lerp=0.35+br*0.50;
          d[i]=Math.round(r*(1-lerp)+tint.r*lerp);
          d[i+1]=Math.round(g*(1-lerp)+tint.g*lerp);
          d[i+2]=Math.round(bb*(1-lerp)+tint.b*lerp);
        }else{
          d[i]=Math.round(r*tint.r/255);
          d[i+1]=Math.round(g*tint.g/255);
          d[i+2]=Math.round(bb*tint.b/255);
        }
      }
    }
    octx.putImageData(data,0,0);
  }catch(err){pixelOK=false;}
  if(pixelOK){ctx.drawImage(oc,x,y,w,h);}
  else{
    if(color&&color.t){octx.globalCompositeOperation="multiply";octx.fillStyle=color.t;octx.fillRect(0,0,W,H2);octx.globalCompositeOperation="source-over";ctx.save();ctx.globalCompositeOperation="multiply";ctx.drawImage(oc,x,y,w,h);ctx.restore();}
    else{ctx.drawImage(oc,x,y,w,h);}
  }
}

/* ---------- RESULT PANEL (face shape + forehead) ---------- */
function hcRenderResult(){
  var rp=hcEl("hc-result");if(!rp)return;
  rp.classList.add("show");
  var emp=hcEl("hc-result-empty");if(emp)emp.style.display="none";
  var chip=hcEl("hc-chip");if(chip)chip.innerHTML='DETECTED &nbsp;<b>'+hcCap(HC.shape)+' Face</b>&nbsp; &middot; '+HC.conf+'%';
  var s=hcEl("hc-sym-v"),fr=hcEl("hc-frame-v"),ov=hcEl("hc-ov-v");
  if(s)s.textContent=HC.sym+"%";
  if(fr)fr.textContent=HC.frame+"%";
  if(ov)ov.textContent=HC.overall+"%";
  var sR=hcEl("hc-sym-ring"),fR=hcEl("hc-frame-ring"),oR=hcEl("hc-ov-ring");
  if(sR)sR.setAttribute("stroke-dasharray",(HC.sym*1.759)+" 999");
  if(fR)fR.setAttribute("stroke-dasharray",(HC.frame*1.759)+" 999");
  if(oR)oR.setAttribute("stroke-dasharray",(HC.overall*1.759)+" 999");
  var nm=hcEl("hc-narr");
  if(nm){
    var cutName="";for(var i=0;i<HC_CUTS.length;i++)if(HC_CUTS[i].k===HC.activeCut)cutName=HC_CUTS[i].n;
    var fhInfo=HC.fhCat&&HC_FH_CATS[HC.fhCat]?HC_FH_CATS[HC.fhCat].name:"";
    var extra=fhInfo?' and a <b>'+fhInfo+'</b> forehead':'';
    nm.innerHTML='Because your face shape is <b>'+hcCap(HC.shape)+'</b> with '+HC_NARRATIVE[HC.shape]+extra+', we recommend <b>'+cutName+'</b> styles that complement your features.';
  }
  /* FOREHEAD card */
  var fhSize=hcEl("hc-fh-size"),fhConfEl=hcEl("hc-fh-conf"),fhGuide=hcEl("hc-fh-guide"),fhBangs=hcEl("hc-fh-bangs"),fhBlock=hcEl("hc-fh-block");
  if(HC.fhCat&&HC_FH_CATS[HC.fhCat]){
    var fc=HC_FH_CATS[HC.fhCat];
    if(fhBlock)fhBlock.style.display="block";
    if(fhSize)fhSize.textContent=fc.name+" Forehead";
    if(fhConfEl)fhConfEl.textContent=HC.fhConf+"%";
    if(fhGuide)fhGuide.innerHTML=fc.guide;
    if(fhBangs){
      fhBangs.innerHTML="";
      fc.bangs.forEach(function(bk){
        var ct=null;for(var j=0;j<HC_CUTS.length;j++)if(HC_CUTS[j].k===bk){ct=HC_CUTS[j];break;}
        if(!ct)return;
        var chip2=document.createElement("button");chip2.className="hc-fh-chip";chip2.setAttribute("data-k",bk);
        chip2.textContent=ct.n;
        chip2.addEventListener("click",function(){
          HC.activeCut=bk;hcBuildCuts();hcRender();hcRenderResult();
        });
        fhBangs.appendChild(chip2);
      });
    }
  }
  var bars=hcEl("hc-bars");if(bars){
    bars.innerHTML="";
    var order=["oval","round","square","heart","diamond","oblong","triangle"];
    var tot=0;for(var k in HC.scores)tot+=HC.scores[k];if(tot<=0)tot=1;
    order.forEach(function(sh){
      var pct=Math.round((HC.scores[sh]/tot)*100);if(pct<0)pct=0;
      var row=document.createElement("div");row.className="hc-brow";
      row.innerHTML='<div class="hc-btop"><span class="hc-bname">'+hcCap(sh)+'</span><span class="hc-bval">'+pct.toFixed(1)+'%</span></div><div class="hc-btrack"><div class="hc-bfill" style="width:'+pct+'%"></div></div>';
      bars.appendChild(row);
    });
  }
  var bh=hcEl("hc-besthint");if(bh)bh.textContent="Best cuts for your "+hcCap(HC.shape)+" face shown first";
}

/* ---------- BUILD UI ---------- */
function hcBuildCuts(){
  var g=hcEl("hc-cutgrid");if(!g)return;g.innerHTML="";
  var bl=HC_BEST[HC.shape||"oval"]||[];
  var ordered=[],seen={};
  bl.forEach(function(k){for(var i=0;i<HC_CUTS.length;i++)if(HC_CUTS[i].k===k&&!seen[k]){ordered.push(HC_CUTS[i]);seen[k]=1;}});
  HC_CUTS.forEach(function(ct){if(!seen[ct.k])ordered.push(ct);});
  ordered.forEach(function(ct){
    var isBest=bl.indexOf(ct.k)!==-1;
    var d=document.createElement("div");
    d.className="hc-cut"+(ct.k===HC.activeCut?" act":"");
    d.innerHTML=(isBest?'<span class="hc-bestbadge">BEST FIT</span>':"")+'<img loading="lazy" src="'+ct.u+'" alt="'+ct.n+' hairstyle for women"><span>'+ct.n+'</span>';
    d.addEventListener("click",function(){
      var all=g.querySelectorAll(".hc-cut");for(var j=0;j<all.length;j++)all[j].classList.remove("act");
      d.classList.add("act");HC.activeCut=ct.k;
      if(HC.img){hcRender();hcRenderResult();}
    });
    g.appendChild(d);
  });
}

function hcBuildColors(){
  var g=hcEl("hc-colorgrid");if(!g)return;g.innerHTML="";
  HC_COLORS.forEach(function(col,i){
    var d=document.createElement("div");
    d.className="hc-color"+(i===HC.activeColor?" act":"");
    d.style.background=col.c;d.title=col.n;d.setAttribute("data-ci",i);
    d.addEventListener("click",function(){
      var all=g.querySelectorAll(".hc-color");for(var j=0;j<all.length;j++)all[j].classList.remove("act");
      d.classList.add("act");HC.activeColor=i;
      var nm=hcEl("hc-colorname");if(nm)nm.textContent=col.n;
      if(HC.img)hcRender();
    });
    g.appendChild(d);
  });
  hcSyncColorUI();
}
function hcSyncColorUI(){
  var g=hcEl("hc-colorgrid");if(g){var all=g.querySelectorAll(".hc-color");for(var j=0;j<all.length;j++){all[j].classList.toggle("act",parseInt(all[j].getAttribute("data-ci"),10)===HC.activeColor);}}
  var nm=hcEl("hc-colorname");if(nm&&HC_COLORS[HC.activeColor])nm.textContent=HC_COLORS[HC.activeColor].n;
}

/* FOREHEAD TAB GRID */
function hcBuildForeheadGrid(){
  var g=hcEl("hc-fhgrid");if(!g)return;g.innerHTML="";
  var keys;
  if(HC.fhCat&&HC_FH_CATS[HC.fhCat]){
    keys=HC_FH_CATS[HC.fhCat].bangs.slice();
    HC_FH_CATS[HC.fhCat].bangs.forEach(function(){});
    /* add a few more bang-related cuts to reach 6 */
    ["sideswept","curtainbangs","wispybangs","facelayers","longlayered","frenchbob"].forEach(function(k){if(keys.indexOf(k)<0)keys.push(k);});
    keys=keys.slice(0,6);
  }else{
    keys=["sideswept","curtainbangs","wispybangs","facelayers","frenchbob","longlayered"];
  }
  var hint=hcEl("hc-fh-hint");
  if(hint){
    if(HC.fhCat&&HC_FH_CATS[HC.fhCat])hint.textContent="Your "+HC_FH_CATS[HC.fhCat].name+" forehead - recommended bangs shown first";
    else hint.textContent="Upload your photo to see personalized bang recommendations";
  }
  keys.forEach(function(k){
    var ct=null;for(var i=0;i<HC_CUTS.length;i++)if(HC_CUTS[i].k===k){ct=HC_CUTS[i];break;}
    if(!ct)return;
    var d=document.createElement("div");
    d.className="hc-cut"+(ct.k===HC.activeCut?" act":"");
    d.innerHTML='<img loading="lazy" src="'+ct.u+'" alt="'+ct.n+' for women forehead"><span>'+ct.n+'</span>';
    d.addEventListener("click",function(){
      var all=g.querySelectorAll(".hc-cut");for(var j=0;j<all.length;j++)all[j].classList.remove("act");
      d.classList.add("act");HC.activeCut=ct.k;
      var cg=hcEl("hc-cutgrid");if(cg){var cuts=cg.querySelectorAll(".hc-cut");cuts.forEach(function(c){c.classList.remove("act");var sp=c.querySelector("span");if(sp&&sp.textContent.trim()===ct.n)c.classList.add("act");});}
      if(HC.img){hcRender();hcRenderResult();}
    });
    g.appendChild(d);
  });
}

/* ---------- TABS ---------- */
function hcInitTabs(){
  hcQA("#hc-root .hc-tab").forEach(function(t){
    t.addEventListener("click",function(){
      var k=t.getAttribute("data-tab");
      hcQA("#hc-root .hc-tab").forEach(function(x){x.classList.remove("act");});
      t.classList.add("act");
      hcQA("#hc-root .hc-pane").forEach(function(p){p.classList.toggle("act",p.getAttribute("data-pane")===k);});
    });
  });
}

/* ---------- ADJUST (wide range 0.2-5.0) ---------- */
function hcInitAdjust(){
  hcQA("#hc-root .hc-ab").forEach(function(btn){
    btn.addEventListener("click",function(){
      var a=btn.getAttribute("data-a"),STEP=8,SC=0.05,MN=0.2,MX=5.0;
      if(a==="reset"){HC.hX=0;HC.hY=0;HC.hS=1;}
      else if(a==="left")HC.hX-=STEP;
      else if(a==="right")HC.hX+=STEP;
      else if(a==="up")HC.hY-=STEP;
      else if(a==="down")HC.hY+=STEP;
      else if(a==="smaller")HC.hS=Math.max(MN,HC.hS-SC);
      else if(a==="bigger")HC.hS=Math.min(MX,HC.hS+SC);
      if(HC.img)hcRender();
    });
  });
}

/* ---------- BUTTONS ---------- */
function hcInitButtons(){
  var up=hcEl("hc-upload"),file=hcEl("hc-file"),dl=hcEl("hc-download"),live=hcEl("hc-live"),scan=hcEl("hc-scan"),camCancel=hcEl("hc-cam-cancel"),camShot=hcEl("hc-cam-shot");
  if(up&&file){
    up.addEventListener("click",function(){file.click();});
    file.addEventListener("change",function(e){if(e.target.files&&e.target.files[0])hcHandleFile(e.target.files[0]);});
  }
  if(live)live.addEventListener("click",hcOpenCam);
  if(camCancel)camCancel.addEventListener("click",hcCloseCam);
  if(camShot)camShot.addEventListener("click",hcSnapCam);
  if(dl){
    dl.addEventListener("click",function(){
      var c=hcEl("hc-canvas");
      if(!c||c.style.display==="none"){hcStatus("Upload a photo first.",false);setTimeout(function(){hcStatus("",false);},1800);return;}
      try{var a=document.createElement("a");a.download="my-hairstyle-look.png";a.href=c.toDataURL("image/png");a.click();}
      catch(e){hcStatus("Download failed. Screenshot instead.",false);setTimeout(function(){hcStatus("",false);},2400);}
    });
  }
  if(scan){
    scan.addEventListener("click",function(){
      HC.img=null;HC.marks=null;HC.box=null;HC.shape=null;HC.fhCat=null;
      hcHeroSwap(false);
      var c=hcEl("hc-canvas");if(c){c.style.display="none";}
      var emp=hcEl("hc-empty");if(emp)emp.style.display="flex";
      var rp=hcEl("hc-result");if(rp)rp.classList.remove("show");
      var adj=hcEl("hc-adjust");if(adj)adj.classList.remove("show");
      var chip=hcEl("hc-chip");if(chip)chip.innerHTML='READY <b>Upload your photo</b>';
    });
  }
}

/* ---------- THANK-YOU KILLER ---------- */
function hcKillThankYou(){
  function kill(){
    try{
      var nodes=document.querySelectorAll("p,div,span,h2,h3,h4");
      for(var i=0;i<nodes.length;i++){
        var n=nodes[i];if(!n||n.__hcChecked)continue;
        var txt=(n.textContent||"").trim().toLowerCase();
        if(txt.length>0&&txt.length<140&&txt.indexOf("thank you for reading")>=0&&txt.indexOf("subscribe")>=0){
          n.style.display="none";n.style.visibility="hidden";n.setAttribute("aria-hidden","true");
        }
        n.__hcChecked=true;
      }
    }catch(e){}
  }
  kill();
  try{var obs=new MutationObserver(function(){kill();});obs.observe(document.body,{childList:true,subtree:true});setTimeout(function(){obs.disconnect();},10000);}catch(e){}
  setTimeout(kill,300);setTimeout(kill,1000);setTimeout(kill,2500);setTimeout(kill,5000);
}

/* ---------- BOOT ---------- */
function hcInit(){
  hcBuildCuts();hcBuildColors();hcBuildForeheadGrid();hcInitTabs();hcInitAdjust();hcInitButtons();hcArmPreload();hcKillThankYou();
}
var hcTries=0,hcDone=false;
function hcRetry(){
  if(hcDone)return;
  if(hcEl("hc-cutgrid")&&hcEl("hc-upload")){try{hcInit();hcDone=true;}catch(err){if(window.console)console.log("HC err:",err);}}
  if(!hcDone&&hcTries<200){hcTries++;setTimeout(hcRetry,120);}
}
if(document.readyState!=="loading"){hcRetry();}else{document.addEventListener("DOMContentLoaded",hcRetry);}
window.addEventListener("load",function(){if(!hcDone)hcRetry();});
setTimeout(hcRetry,500);setTimeout(hcRetry,1500);setTimeout(hcRetry,3000);
})();