document.getElementById("currentYear").textContent=(new Date).getFullYear();const imageUrlInput=document.getElementById("imageUrl"),positionInput=document.getElementById("position"),fetchButton=document.getElementById("fetchButton"),buttonText=document.getElementById("buttonText"),loadingSpinner=document.getElementById("loadingSpinner"),outputDiv=document.getElementById("output"),errorDisplayDiv=document.getElementById("errorDisplay"),byteInspectorForm=document.getElementById("byteInspectorForm");async function fetchByteValue(){fetchButton.disabled=!0,buttonText.textContent="Fetching...",loadingSpinner.style.display="inline-block",outputDiv.style.display="none",outputDiv.innerHTML="",errorDisplayDiv.innerHTML="";const e=imageUrlInput.value,t=positionInput.value,n=parseInt(t);if(!e)return displayError("Please enter a URL."),void resetButton();if(isNaN(n)||n<1)return displayError("Please enter a valid byte position (starting at 1)."),void resetButton();try{const t=await fetch(e);if(!t.ok)throw new Error(`HTTP error! Status: ${t.status} ${t.statusText}`);const a=await t.arrayBuffer(),s=new Uint8Array(a),r=n-1;if(r>=s.length)return displayError(`Position ${n} exceeds file length (${s.length} bytes).`),void resetButton();const i=s[r],o=i.toString(16).padStart(2,"0").toUpperCase(),l=i,u=String.fromCharCode(i),p=`U+${o.padStart(4,"0")}`;outputDiv.innerHTML=`\n                    <h3>Byte Information:</h3>\n                    <div class="grid">\n                        <div>\n                            <span class="label">Hex Value:</span>\n                            <span class="value hex">${o}</span>\n                        </div>\n                        <div>\n                            <span class="label">Decimal Value:</span>\n                            <span class="value">${l}</span>\n                        </div>\n                        <div>\n                            <span class="label">Unicode Char:</span>\n                            <span class="value">'${escapeHtml(u)}'</span>\n                        </div>\n                        <div>\n                            <span class="label">Unicode Code Point:</span>\n                            <span class="value">${p}</span>\n                        </div>\n                        <div class="span-2">\n                            <span class="label">File Size:</span>\n                            <span class="value">${s.length.toLocaleString()} bytes</span>\n                        </div>\n                    </div>\n                `,outputDiv.style.display="block"}catch(e){console.error(e),displayError(`Error: ${e.message}. Ensure the URL is correct, publicly accessible, and allows CORS (Cross-Origin Resource Sharing). For local files, try using a simple HTTP server instead of file:/// URLs due to browser security restrictions.`)}finally{resetButton()}}function resetButton(){fetchButton.disabled=!1,buttonText.textContent="Fetch Byte Value",loadingSpinner.style.display="none"}function displayError(e){errorDisplayDiv.innerHTML=`<div class="error-message"><p class="font-medium">Error:</p><p>${e}</p></div>`}function escapeHtml(e){return null==e?"":e.toString().replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}byteInspectorForm.addEventListener("submit",(async function(e){e.preventDefault(),await fetchByteValue()}));