.ig-avatar-tool{
  --ig-ink:#1a1118;
  --ig-plum:#3b2134;
  --ig-accent:#c13584;
  --ig-orange:#f77737;
  --ig-paper:#fbf7f2;
  --ig-line:#e7dcd4;
  --ig-muted:#6c5f68;
  --ig-soft:#f6eaf1;
  --ig-green:#1f6b54;
  --ig-amber:#a65a24;
  accent-color:var(--ig-accent);
  background:
    radial-gradient(circle at 84% 6%,rgba(193,53,132,.12),transparent 25rem),
    radial-gradient(circle at 4% 22%,rgba(247,119,55,.08),transparent 20rem),
    var(--ig-paper);
}
.ig-avatar-tool [hidden]{display:none!important}
.ig-avatar-tool .article-reading article>.ig-answer{
  display:grid;
  grid-template-columns:minmax(0,1fr) 306px;
  gap:20px 32px;
  margin-top:4px;
  padding:28px 30px 26px;
  border:1px solid var(--ig-line);
  border-radius:10px;
  background:
    linear-gradient(135deg,rgba(193,53,132,.055),transparent 42%),
    #fff;
  box-shadow:0 22px 50px rgba(58,33,52,.08);
}
.ig-avatar-tool .ig-answer-copy{min-width:0;align-self:center}
.ig-avatar-tool .ig-answer h1,
.ig-avatar-tool h2,
.ig-avatar-tool h3{
  font-family:Georgia,"Times New Roman",serif;
}
.ig-avatar-tool .ig-answer h1{
  max-width:13ch;
  margin:0;
  color:var(--ig-ink);
  font-size:clamp(40px,5vw,64px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.ig-avatar-tool .ig-answer h1 span{color:var(--ig-accent)}
.ig-avatar-tool .ig-answer .article-meta{
  margin:11px 0 14px;
  color:var(--ig-muted);
  font-size:13px;
}
.ig-avatar-tool .ig-answer .lead{
  max-width:68ch;
  margin:0;
  color:#392b35;
  font-size:17px;
  line-height:1.7;
}
.ig-avatar-tool .ig-answer .lead strong{color:var(--ig-ink)}
.ig-avatar-tool .answer-note{
  max-width:70ch;
  margin:10px 0 0;
  color:var(--ig-muted);
  font-size:13.5px;
  line-height:1.65;
}
.ig-avatar-tool .hero-upload{
  display:flex;
  position:relative;
  align-items:center;
  gap:12px;
  max-width:440px;
  min-height:58px;
  margin-top:16px;
  padding:11px 16px;
  border:1px solid #d3a7c0;
  border-radius:7px;
  background:linear-gradient(120deg,#fdf1f7,#fff8f1);
  color:var(--ig-ink);
  cursor:pointer;
}
.ig-avatar-tool .hero-upload:hover{border-color:var(--ig-accent)}
.ig-avatar-tool .hero-upload:focus-within{outline:3px solid rgba(193,53,132,.24);outline-offset:2px}
.ig-avatar-tool .hero-upload-mark{
  display:grid;
  flex:0 0 36px;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--ig-accent),var(--ig-orange));
  color:#fff;
  font:700 18px/1 Arial,Helvetica,sans-serif;
}
.ig-avatar-tool .hero-upload strong{display:block;font-size:14px}
.ig-avatar-tool .hero-upload small{display:block;margin-top:2px;color:#6f5564;font-size:11px;line-height:1.4}
.ig-avatar-tool .file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.ig-avatar-tool .ig-ticket{
  position:relative;
  display:flex;
  min-height:250px;
  flex-direction:column;
  justify-content:space-between;
  padding:22px;
  border-radius:9px;
  background:
    radial-gradient(circle at 110% 100%,rgba(247,119,55,.34),transparent 44%),
    radial-gradient(circle at 0 0,rgba(193,53,132,.32),transparent 42%),
    var(--ig-ink);
  color:#fff;
  overflow:hidden;
}
.ig-avatar-tool .ticket-kicker{
  position:relative;
  z-index:2;
  margin:0;
  color:#f0b9d5;
  font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ig-avatar-tool .ticket-number{
  position:relative;
  z-index:2;
  max-width:7ch;
  margin:16px 0 4px;
  color:#fff;
  font:800 38px/1 Arial,Helvetica,sans-serif;
  letter-spacing:-.055em;
}
.ig-avatar-tool .ticket-copy{
  position:relative;
  z-index:2;
  max-width:26ch;
  margin:0 0 14px;
  color:#d9c6d2;
  font-size:12px;
  line-height:1.55;
}
.ig-avatar-tool .ticket-claim{
  position:relative;
  z-index:2;
  display:grid;
  gap:2px;
  margin-top:auto;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:6px;
  background:rgba(255,255,255,.075);
}
.ig-avatar-tool .ticket-claim span{
  color:#f0b9d5;
  font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.ig-avatar-tool .ticket-claim strong{color:#fff;font-size:19px;letter-spacing:-.03em}
.ig-avatar-tool .ticket-claim small{color:#cbb7c4;font-size:10.5px;line-height:1.4}
.ig-avatar-tool .ticket-ring{
  position:absolute;
  right:-26px;
  top:-26px;
  display:grid;
  width:150px;
  height:150px;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(from 210deg,var(--ig-orange),var(--ig-accent),#7b2ff7,var(--ig-orange));
  opacity:.8;
}
.ig-avatar-tool .ticket-ring::after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  background:var(--ig-ink);
}
.ig-avatar-tool .ticket-ring span{
  position:relative;
  z-index:1;
  color:#fff;
  font:700 42px/1 Georgia,serif;
  opacity:.55;
}
.ig-avatar-tool .surface-strip{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:9px;
}
.ig-avatar-tool .surface-row{
  min-width:0;
  padding:12px 14px;
  border:1px solid var(--ig-line);
  border-radius:6px;
  background:#fff;
  color:#5d4c58;
  font-size:12px;
  line-height:1.55;
}
.ig-avatar-tool .surface-row:first-child{border-color:#d8b5c8;background:#fdf4f8}
.ig-avatar-tool .surface-row span{
  display:block;
  color:var(--ig-accent);
  font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.ig-avatar-tool .surface-row strong{display:block;margin:4px 0 2px;color:var(--ig-ink);font-size:14px;letter-spacing:-.01em}
.ig-avatar-tool .table-scroll{
  max-width:100%;
  margin:22px 0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
.ig-avatar-tool .table-scroll:focus-visible{outline:2px solid var(--ig-accent);outline-offset:3px}
.ig-avatar-tool .table-scroll table{margin-top:0;table-layout:fixed}
.ig-avatar-tool .facts-table{min-width:900px}
.ig-avatar-tool .claims-table{min-width:780px}
.ig-avatar-tool .choice-table{min-width:760px}
.ig-avatar-tool .table-scroll caption{text-align:left;overflow-wrap:anywhere}
.ig-avatar-tool .table-scroll th,
.ig-avatar-tool .table-scroll td{overflow-wrap:anywhere}
.ig-avatar-tool .table-scroll thead{background:#f6e7ef;color:#4a1734}
.ig-avatar-tool .table-scroll tbody th{background:#fbf3f7}
.ig-avatar-tool .scope-note{
  max-width:76ch;
  padding:12px 14px;
  border-left:3px solid var(--ig-amber);
  background:#fdf4ec;
  color:#4e392b;
  font-size:14px;
}
.ig-avatar-tool .claim-callout{
  margin:22px 0;
  padding:18px 20px;
  border:1px solid #e3b8ce;
  border-radius:8px;
  background:
    linear-gradient(120deg,rgba(193,53,132,.09),rgba(247,119,55,.07)),
    #fff;
}
.ig-avatar-tool .claim-callout p{margin:0;max-width:70ch;color:#4a1734;font-size:16px;line-height:1.65}
.ig-avatar-tool .cause-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:22px 0;
}
.ig-avatar-tool .cause-card{
  min-width:0;
  padding:17px 16px;
  border:1px solid var(--ig-line);
  border-radius:8px;
  background:#fff;
}
.ig-avatar-tool .cause-index{
  display:block;
  color:var(--ig-accent);
  font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.12em;
}
.ig-avatar-tool .cause-card h3{margin:8px 0 6px;font-size:18px;letter-spacing:-.02em}
.ig-avatar-tool .cause-card p{margin:0;color:#5d4c58;font-size:13px;line-height:1.65}
.ig-avatar-tool .pixel-math{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:20px 0;
}
.ig-avatar-tool .pixel-math div{
  min-width:0;
  padding:14px;
  border:1px solid var(--ig-line);
  border-radius:7px;
  background:#fff;
}
.ig-avatar-tool .pixel-math span{
  display:block;
  color:var(--ig-accent);
  font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
}
.ig-avatar-tool .pixel-math strong{display:block;margin-top:6px;color:var(--ig-ink);font-size:18px;font-variant-numeric:tabular-nums}
.ig-avatar-tool .pixel-math small{display:block;margin-top:3px;color:var(--ig-muted);font-size:11.5px;line-height:1.45}
.ig-avatar-tool .formula{background:#f6eaf1;color:#4a1734;border-radius:6px}
.ig-avatar-tool .format-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}
.ig-avatar-tool .format-grid article{
  min-width:0;
  padding:15px 16px;
  border:1px solid var(--ig-line);
  border-radius:7px;
  background:#fff;
}
.ig-avatar-tool .format-grid h3{margin:0 0 5px;font-size:18px}
.ig-avatar-tool .format-grid p{margin:0;color:#5d4c58;font-size:13px;line-height:1.6}

/* Local crop tool */
.ig-avatar-tool .ig-workspace{
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  align-items:start;
  gap:24px;
  margin-top:22px;
}
.ig-avatar-tool .ig-editor{
  min-width:0;
  padding:20px;
  border:1px solid var(--ig-line);
  border-radius:8px;
  background:#fff;
}
.ig-avatar-tool .ig-editor h3{margin:0 0 12px;font-size:19px;letter-spacing:-.02em}
.ig-avatar-tool .drop-zone{
  display:grid;
  place-items:center;
  gap:4px;
  min-height:92px;
  padding:14px;
  border:1.5px dashed #d1aec1;
  border-radius:7px;
  background:#fdf6fa;
  text-align:center;
  cursor:pointer;
}
.ig-avatar-tool .drop-zone.drag{border-color:var(--ig-accent);background:var(--ig-soft)}
.ig-avatar-tool .drop-zone strong{font-size:13px;font-weight:600}
.ig-avatar-tool .drop-zone small{color:var(--ig-muted);font-size:11.5px;line-height:1.45}
.ig-avatar-tool .choose-again{
  width:100%;
  min-height:44px;
  margin:9px 0 0;
  border:1px solid #dcc2d1;
  border-radius:6px;
  background:#fff;
  color:var(--ig-accent);
  font:600 13px/1.2 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
.ig-avatar-tool .choose-again:hover{border-color:var(--ig-accent);background:var(--ig-soft)}
.ig-avatar-tool #fileinfo{margin:10px 0 14px;color:var(--ig-muted);font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}
.ig-avatar-tool .field{display:block;margin:13px 0 0;font-size:13px;color:var(--ig-ink)}
.ig-avatar-tool .field select{
  width:100%;
  min-height:44px;
  margin-top:6px;
  border:1px solid #d9c9d2;
  border-radius:6px;
  background:#fff;
  color:var(--ig-ink);
  font:14px/1.4 Arial,Helvetica,sans-serif;
  padding:9px 11px;
}
.ig-avatar-tool .field input[type=range]{width:100%;margin:9px 0 0}
.ig-avatar-tool .field input[type=range]:disabled{opacity:.55}
.ig-avatar-tool .field input[type=color]{width:100%;height:44px;margin-top:6px;border:1px solid #d9c9d2;border-radius:6px;background:#fff;padding:3px}
.ig-avatar-tool .field output{float:right;color:var(--ig-muted);font-size:12px}
.ig-avatar-tool .field-note{margin:5px 0 0;color:var(--ig-muted);font-size:11.5px;line-height:1.5}
.ig-avatar-tool .tool-note{margin:14px 0 0;color:var(--ig-muted);font-size:11.5px;line-height:1.55}
.ig-avatar-tool .privacy{font-size:11.5px;line-height:1.6;color:var(--ig-muted)}
.ig-avatar-tool #error{min-height:0;margin:10px 0 0;color:#9b2929;font-size:12.5px;line-height:1.5}
.ig-avatar-tool .ig-results{min-width:0}
.ig-avatar-tool .result-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  min-height:40px;
  margin-bottom:12px;
}
.ig-avatar-tool .result-kicker{
  margin:0;
  color:var(--ig-accent);
  font:700 9.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
}
.ig-avatar-tool .result-head h3{margin:3px 0 0;font-size:18px;letter-spacing:-.02em}
.ig-avatar-tool .shape-toggle{display:inline-flex;padding:3px;border:1px solid var(--ig-line);border-radius:6px;background:#fff}
.ig-avatar-tool .shape-toggle button{
  min-height:38px;
  padding:7px 12px;
  border:0;
  border-radius:4px;
  background:none;
  color:var(--ig-muted);
  font:600 12px/1.2 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
.ig-avatar-tool .shape-toggle button[aria-pressed=true]{background:var(--ig-ink);color:#fff}
.ig-avatar-tool .preview-shell{
  position:relative;
  display:grid;
  width:min(100%,420px);
  aspect-ratio:1;
  margin:14px auto 0;
  place-items:center;
  border:1px solid var(--ig-line);
  border-radius:50%;
  background:
    linear-gradient(45deg,#eee5ea 25%,transparent 25%,transparent 75%,#eee5ea 75%),
    linear-gradient(45deg,#eee5ea 25%,#f9f4f6 25%,#f9f4f6 75%,#eee5ea 75%);
  background-position:0 0,10px 10px;
  background-size:20px 20px;
  box-shadow:0 0 0 5px #fff,0 0 0 6px var(--ig-line);
  overflow:hidden;
}
.ig-avatar-tool .preview-shell[data-shape=square]{border-radius:8px;box-shadow:none}
.ig-avatar-tool .preview-shell img{display:block;width:100%;height:100%;object-fit:cover}
.ig-avatar-tool .empty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  margin:0;
  padding:24px;
  color:var(--ig-muted);
  font-size:13px;
  text-align:center;
}
.ig-avatar-tool #status{margin:18px 0 0;color:var(--ig-ink);font-size:13px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ig-avatar-tool #area{margin:4px 0 0;color:var(--ig-muted);font-size:12px;line-height:1.5}
.ig-avatar-tool #view-note{margin:4px 0 0;color:var(--ig-muted);font-size:11.5px;line-height:1.5}
.ig-avatar-tool .export-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.ig-avatar-tool .export-card{
  min-width:0;
  padding:15px;
  border:1px solid var(--ig-line);
  border-radius:8px;
  background:#fff;
}
.ig-avatar-tool .export-card:last-child{border-color:#d8b5c8;background:#fdf6fa}
.ig-avatar-tool .export-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ig-avatar-tool .export-head h3{margin:0;font-size:18px;letter-spacing:-.02em}
.ig-avatar-tool .export-tag{
  padding:3px 6px;
  border-radius:4px;
  background:#f2e6ed;
  color:var(--ig-accent);
  font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.11em;
}
.ig-avatar-tool .export-tag.master{background:var(--ig-ink);color:#fff}
.ig-avatar-tool .export-card p{margin:7px 0 12px;color:var(--ig-muted);font-size:11.5px;line-height:1.5}
.ig-avatar-tool .export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ig-avatar-tool .export-actions button{
  min-height:44px;
  border:1px solid #d8b5c8;
  border-radius:6px;
  background:#fff;
  color:var(--ig-ink);
  font:600 12.5px/1.2 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
.ig-avatar-tool .export-actions button:hover:not(:disabled){border-color:var(--ig-accent);background:var(--ig-soft);color:var(--ig-accent)}
.ig-avatar-tool .export-actions button:disabled{opacity:.5;cursor:not-allowed}
.ig-avatar-tool .download-note{min-height:0;margin:8px 0 0;color:var(--ig-green);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.ig-avatar-tool #retry{
  min-height:40px;
  margin-top:10px;
  padding:8px 13px;
  border:1px solid #e0c8a8;
  border-radius:6px;
  background:#fdf7ee;
  color:var(--ig-amber);
  font:600 12.5px/1.2 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
.ig-avatar-tool .checks{margin-top:16px;padding-top:13px;border-top:1px solid var(--ig-line)}
.ig-avatar-tool .checks h3{margin:0 0 8px;font-size:14px;letter-spacing:-.01em}
.ig-avatar-tool .checks ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.ig-avatar-tool .checks li{position:relative;padding-left:14px;color:#5d4c58;font-size:11.5px;line-height:1.5}
.ig-avatar-tool .checks li::before{content:"";position:absolute;left:0;top:.52em;width:5px;height:5px;border-radius:50%;background:#a996a2}
.ig-avatar-tool .checks li.ok::before{background:var(--ig-green)}
.ig-avatar-tool .checks li.warn::before{background:var(--ig-amber)}
.ig-avatar-tool .checks li.neutral::before{background:#9b8493}
.ig-avatar-tool .ig-results details{margin-top:12px;border:1px solid var(--ig-line);border-radius:7px;background:#fff;padding:0 13px}
.ig-avatar-tool .ig-results details summary{display:flex;align-items:center;min-height:44px;padding:11px 0;cursor:pointer;font-weight:600;color:var(--ig-ink)}
.ig-avatar-tool .ig-results details p{margin:0 0 12px;max-width:80ch}
.ig-avatar-tool .source-line{max-width:78ch;margin:12px 0 0;color:var(--ig-muted);font-size:12px;line-height:1.55}
.ig-avatar-tool .checklist{padding-left:20px;display:grid;gap:10px}
.ig-avatar-tool .checklist li{padding-left:2px}
.ig-avatar-tool details{border:1px solid var(--ig-line);border-radius:7px;background:#fff;padding:0 14px;margin-top:10px}
.ig-avatar-tool details summary{display:flex;align-items:center;min-height:44px;padding:13px 0;cursor:pointer;font-weight:600;color:var(--ig-ink)}
.ig-avatar-tool details p{margin:0 0 13px;max-width:80ch}
.ig-avatar-tool .source-list{display:grid;gap:9px;padding-left:19px}
.ig-avatar-tool .source-list li{line-height:1.6}

@media(max-width:1000px){
  .ig-avatar-tool .ig-workspace{grid-template-columns:1fr}
  .ig-avatar-tool .ig-editor{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
  .ig-avatar-tool .ig-editor h3,
  .ig-avatar-tool .ig-editor .drop-zone,
  .ig-avatar-tool .ig-editor .choose-again,
  .ig-avatar-tool .ig-editor #fileinfo,
  .ig-avatar-tool .ig-editor .tool-note,
  .ig-avatar-tool .ig-editor .privacy,
  .ig-avatar-tool .ig-editor #error{grid-column:1/-1}
}
@media(max-width:860px){
  .ig-avatar-tool .article-reading article>.ig-answer{grid-template-columns:1fr;padding:22px 20px}
  .ig-avatar-tool .ig-ticket{min-height:0}
  .ig-avatar-tool .ticket-number{max-width:none}
  .ig-avatar-tool .surface-strip{grid-template-columns:1fr}
  .ig-avatar-tool .cause-grid,
  .ig-avatar-tool .pixel-math{grid-template-columns:1fr}
  .ig-avatar-tool .table-scroll table{min-width:0}
}
@media(max-width:760px){
  .ig-avatar-tool .format-grid,
  .ig-avatar-tool .export-grid{grid-template-columns:1fr}
  .ig-avatar-tool .ig-editor{display:block;padding:16px}
  .ig-avatar-tool .ig-answer h1{font-size:clamp(34px,9vw,48px)}
  .ig-avatar-tool .preview-shell{width:min(100%,340px)}
}
@media(max-width:420px){
  .ig-avatar-tool .ticket-ring{right:-52px;top:-52px}
  .ig-avatar-tool .shape-toggle button{padding:7px 10px}
}