(function(){"use strict";const a={FunctionComponent:0,ClassComponent:1,IndeterminateComponent:2,HostRoot:3,HostComponent:5,HostText:6,Fragment:7,Mode:8,ForwardRef:11,MemoComponent:14,SimpleMemoComponent:15};function F(){return`
#react-devtools-overlay {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 320px;
  max-height: 60vh;
  background: rgba(21, 23, 31, 0.92);
  color: #fff;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  border-radius: 10px;
  box-shadow: 0 12px 38px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  z-index: 2147483647;
}

  #react-devtools-overlay__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  #react-devtools-overlay__toolbar h2 {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
  }

  #react-devtools-overlay__actions {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .react-devtools-overlay__button {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.75);
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
  }

  .react-devtools-overlay__button:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.18);
  }

  .react-devtools-overlay__button.is-active {
    background: rgba(108, 248, 169, 0.12);
    border-color: rgba(108, 248, 169, 0.35);
    color: #6cf8a9;
  }

  #react-devtools-overlay__close {
    background: none;
    border: 0;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    font-size: 12px;
  }

#react-devtools-overlay__content {
  padding: 8px 0;
  max-height: calc(60vh - 38px);
  overflow: auto;
}

.react-devtools-tree {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}

.react-devtools-tree__item {
  position: relative;
  margin: 0;
  padding: 2px 12px;
  cursor: default;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
}

.react-devtools-tree__item:hover {
  background: rgba(255, 255, 255, 0.08);
}

.react-devtools-tree__item::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.react-devtools-tree__item span {
  color: #6cf8a9;
}

#react-devtools-overlay__empty {
  padding: 24px 12px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}

#react-devtools-highlight {
  position: fixed;
  border: 2px solid rgba(108, 248, 169, 0.9);
  background: rgba(108, 248, 169, 0.12);
  border-radius: 8px;
  pointer-events: none;
  z-index: 2147483646;
  transition:
    left 0.12s ease,
    top 0.12s ease,
    width 0.12s ease,
    height 0.12s ease,
    opacity 0.1s ease;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
  will-change: left, top, width, height, opacity;
}
`}const w="react-devtools-highlight";let l=null,g;function T(){return l||(l=document.getElementById(w),l||(l=document.createElement("div"),l.id=w,document.body.appendChild(l)),l)}function s(){const e=T();window.clearTimeout(g),e.style.opacity="0",g=window.setTimeout(()=>{e.style.display="none"},150)}function H(e){const t=T();t.style.display="block",window.clearTimeout(g),t.style.width=`${e.width+4}px`,t.style.height=`${e.height+4}px`,t.style.left=`${e.left-2}px`,t.style.top=`${e.top-2}px`,requestAnimationFrame(()=>{t.style.opacity="1"})}function S(e){if(!e.length)return null;let t=Number.POSITIVE_INFINITY,n=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,r=Number.NEGATIVE_INFINITY;return e.forEach(i=>{t=Math.min(t,i.top),n=Math.min(n,i.left),o=Math.max(o,i.right),r=Math.max(r,i.bottom)}),new DOMRect(n,t,Math.max(0,o-n),Math.max(0,r-t))}function p(e,t){if(e){if(e.tag===a.HostComponent&&e.stateNode instanceof Element){t.add(e.stateNode);return}if(e.tag===a.HostText){const n=e.stateNode?.parentElement;n&&t.add(n);return}p(e.child,t),p(e.sibling,t)}}function L(e){if(!e){s();return}const t=new Set;p(e,t);const n=Array.from(t).map(r=>r.getBoundingClientRect()).filter(r=>r.width>0||r.height>0),o=S(n);if(!o||o.width===0&&o.height===0){s();return}H(o)}function k(e){const{elementType:t,type:n,tag:o}=e,r=t||n;return r?typeof r=="string"?r:r.displayName?r.displayName:r.name?r.name:r.render?.name?r.render.name:"Anonymous":o===a.HostRoot?"Root":o===a.HostComponent?typeof e.type=="string"?e.type:"Host":"Unknown"}function A(e,t){return e.tag===a.HostText||[a.Fragment,a.Mode,a.HostRoot].includes(e.tag)||!t&&e.tag===a.HostComponent?!1:[a.HostComponent,a.FunctionComponent,a.ClassComponent,a.ForwardRef,a.MemoComponent,a.SimpleMemoComponent,a.IndeterminateComponent].includes(e.tag)}let B=0;const m=new WeakMap;function D(e){return m.has(e)||m.set(e,`react-fiber-${++B}`),m.get(e)}const h=new Map;function K(e){return h.get(e)}function E(e,t){const n=[];let o=e;for(;o;){if(A(o,t)){const r=f(o,t);r&&n.push(r)}else o.child&&n.push(...E(o.child,t));o=o.sibling}return n}function f(e,t){if(!e)return null;const n={id:D(e),name:k(e),children:[],meta:{tag:e.tag}};return h.set(n.id,e),n.children=E(e.child,t),n}function v(e,t){if(!e?.current)return null;h.clear();const n=e.current;return n.child?f(n.child,t):f(n,t)}const y=new Set;let I=null;function b(e){I=e,y.forEach(t=>t(e))}function V(e){return y.add(e),e(I),()=>y.delete(e)}const c=new Map;function u(e){return c.has(e)||c.set(e,new Set),c.get(e)}function z(e){for(const t of c.values())if(t.size>0){const n=t.values().next().value,o=v(n,e);b(o),s();return}}function G(e){let t=0;const n=new Map;return{supportsFiber:!0,renderers:n,inject(o){const r=++t;return n.set(r,o),r},getFiberRoots(o){return new Set(u(o))},onCommitFiberRoot(o,r){u(o).add(r);const i=v(r,e());b(i),s()},onCommitFiberUnmount(){}}}function $(e,t){const n=e.onCommitFiberRoot?.bind(e);return e.onCommitFiberRoot=(o,r)=>{u(o).add(r);const i=v(r,t());b(i),s(),n?.(o,r)},e.getFiberRoots||(e.getFiberRoots=o=>new Set(u(o))),e}function q(e){const t=globalThis;if(t.__REACT_DEVTOOLS_GLOBAL_HOOK__){$(t.__REACT_DEVTOOLS_GLOBAL_HOOK__,e);return}const n=G(e);t.__REACT_DEVTOOLS_GLOBAL_HOOK__=n}let d=!1;function U(){return d}function M(){const e=document.getElementById("react-devtools-overlay");if(e)return e;const t=document.createElement("style");t.setAttribute("data-react-devtools",""),t.textContent=F(),document.head.appendChild(t);const n=document.createElement("div");n.id="react-devtools-overlay",n.innerHTML=`
    <div id="react-devtools-overlay__toolbar">
      <h2>React Tree</h2>
      <div id="react-devtools-overlay__actions">
        <button id="react-devtools-overlay__toggle-dom" class="react-devtools-overlay__button" title="Toggle host DOM nodes">Show DOM</button>
        <button id="react-devtools-overlay__close" title="Close">×</button>
      </div>
    </div>
    <div id="react-devtools-overlay__content">
      <div id="react-devtools-overlay__empty">Waiting for React renderer…</div>
    </div>
  `,document.body.appendChild(n);const o=n.querySelector("#react-devtools-overlay__content"),r=V(O=>{if(!O){o.innerHTML='<div id="react-devtools-overlay__empty">Waiting for React renderer…</div>';return}o.innerHTML="";const C=document.createElement("ul");C.className="react-devtools-tree",_(O,C),o.appendChild(C)}),i=n.querySelector("#react-devtools-overlay__toggle-dom"),x=n.querySelector("#react-devtools-overlay__close");function N(){i.classList.toggle("is-active",d),i.textContent=d?"Hide DOM":"Show DOM"}return N(),i.addEventListener("click",()=>{d=!d,N(),z(d)}),x.addEventListener("click",()=>{n.remove(),t.remove(),r(),s()}),n}function _(e,t){if(e.meta?.tag===a.HostComponent&&!d){e.children.forEach(i=>_(i,t));return}const o=document.createElement("li");o.className="react-devtools-tree__item",o.textContent="";const r=document.createElement("span");if(r.textContent=e.name,o.appendChild(r),t.appendChild(o),o.addEventListener("mouseenter",()=>{const i=K(e.id);L(i||null)}),o.addEventListener("mouseleave",()=>s()),e.children.length){const i=document.createElement("ul");i.className="react-devtools-tree",e.children.forEach(x=>_(x,i)),o.appendChild(i)}}function R(){q(U),M()}function Y(e){if(e.defaultPrevented)return;const t=e.key.toLowerCase();e.altKey&&e.shiftKey&&!e.metaKey&&!e.ctrlKey&&t==="r"&&(e.preventDefault(),M())}window.addEventListener("keydown",Y),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",R,{once:!0}):R()})();
