{"id":5573,"date":"2026-06-02T06:45:40","date_gmt":"2026-06-02T06:45:40","guid":{"rendered":"https:\/\/viiewerr.com\/instagram\/icon-2\/"},"modified":"2026-06-28T10:20:55","modified_gmt":"2026-06-28T10:20:55","slug":"icon-i","status":"publish","type":"page","link":"https:\/\/viiewerr.com\/instagram\/icon-i\/","title":{"rendered":"Instagram Icon Viewer: Logo Assets"},"content":{"rendered":"<style type=\"text\/css\">\n.tc-wp-island {<br \/>\n  width: 100%;<br \/>\n  max-width: 100%;<br \/>\n  min-width: 0;<br \/>\n  box-sizing: border-box;<br \/>\n  display: flow-root;<br \/>\n  isolation: isolate;<br \/>\n  position: relative;<br \/>\n}<br \/>\n.tc-wp-island > * {<br \/>\n  min-width: 0;<br \/>\n}<br \/>\n.tc-wp-island *,<br \/>\n.tc-wp-island *::before,<br \/>\n.tc-wp-island *::after {<br \/>\n  box-sizing: border-box;<br \/>\n}<br \/>\n.tc-wp-island img,<br \/>\n.tc-wp-island video,<br \/>\n.tc-wp-island svg,<br \/>\n.tc-wp-island iframe {<br \/>\n  max-width: 100%;<br \/>\n  height: auto;<br \/>\n}<br \/>\n.tc-wp-island .tc-wp-tool {<br \/>\n  max-width: 100%;<br \/>\n  min-width: 0;<br \/>\n}<br \/>\n.tc-wp-island .tc-wp-tool-html,<br \/>\n.tc-wp-island .tc-wp-tool-content,<br \/>\n.tc-wp-island .tc-wp-other {<br \/>\n  max-width: 100%;<br \/>\n  min-width: 0;<br \/>\n  overflow-wrap: anywhere;<br \/>\n  word-break: break-word;<br \/>\n}<br \/>\n\/* Keep tool in post content flow \u2014 not overlapping theme header \/ hero band *\/<br \/>\n.tc-wp-island {<br \/>\n  clear: both;<br \/>\n  z-index: 1;<br \/>\n}<br \/>\n.tc-wp-island .tc-wp-tool {<br \/>\n  position: relative;<br \/>\n  z-index: 0;<br \/>\n  clear: both;<br \/>\n  margin-top: 0;<br \/>\n  margin-bottom: 1.25rem;<br \/>\n}<br \/>\n.tc-wp-island .tc-wp-tool-html {<br \/>\n  position: relative;<br \/>\n  z-index: 0;<br \/>\n  clear: both;<br \/>\n  contain: layout;<br \/>\n}<br \/>\n.tc-wp-island .tc-wp-tool-html > *:first-child {<br \/>\n  position: relative !important;<br \/>\n  top: auto !important;<br \/>\n  left: auto !important;<br \/>\n  right: auto !important;<br \/>\n  margin-top: 0 !important;<br \/>\n  width: 100%;<br \/>\n  max-width: 100%;<br \/>\n  box-sizing: border-box;<br \/>\n}<br \/>\nbody:has(.tc-wp-island) #main-header,<br \/>\nbody:has(.tc-wp-island) header.site-header,<br \/>\nbody:has(.tc-wp-island) .site-header,<br \/>\nbody:has(.tc-wp-island) #header,<br \/>\nbody:has(.tc-wp-island) .et-fixed-header,<br \/>\nbody:has(.tc-wp-island) .elementor-location-header {<br \/>\n  z-index: 200;<br \/>\n}<br \/>\n\/* Space between WP Coder tool + content shortcodes on publish\/draft pages *\/<br \/>\n.tc-wp-island .tc-wp-tool-html + .tc-wp-tool-content {<br \/>\n  margin-top: 20px;<br \/>\n}<br \/>\n.tc-wp-island .tc-wp-bcd-codes {<br \/>\n  display: flex;<br \/>\n  flex-direction: column;<br \/>\n  gap: 20px;<br \/>\n}<br \/>\n\/* Full-width: hide theme sidebar when a ToolsChecker island is present *\/<br \/>\nbody:has(.tc-wp-island) #sidebar,<br \/>\nbody:has(.tc-wp-island) .sidebar,<br \/>\nbody:has(.tc-wp-island) #secondary,<br \/>\nbody:has(.tc-wp-island) .widget-area,<br \/>\nbody:has(.tc-wp-island) aside.sidebar,<br \/>\nbody:has(.tc-wp-island) #right-sidebar,<br \/>\nbody:has(.tc-wp-island) #left-sidebar,<br \/>\nbody:has(.tc-wp-island) .sidebar-primary,<br \/>\nbody:has(.tc-wp-island) .sidebar-secondary,<br \/>\nbody:has(.tc-wp-island) .ast-sidebar,<br \/>\nbody:has(.tc-wp-island) .site-sidebar {<br \/>\n  display: none !important;<br \/>\n}<br \/>\n\/* Copygen: hide default page title\/breadcrumb band \u2014 tool pages use template-homepage like category *\/<br \/>\nbody:has(.tc-wp-island) section.page_header_default,<br \/>\nbody:has(.tc-wp-island) .page_header_default {<br \/>\n  display: none !important;<br \/>\n}<br \/>\n@media (min-width: 981px) {<br \/>\n  body:has(.tc-wp-island) #left-area,<br \/>\n  body:has(.tc-wp-island) #primary,<br \/>\n  body:has(.tc-wp-island) #content-area,<br \/>\n  body:has(.tc-wp-island) #content-area .container,<br \/>\n  body:has(.tc-wp-island) .content-area,<br \/>\n  body:has(.tc-wp-island) main.site-main,<br \/>\n  body:has(.tc-wp-island) .site-content .content-area {<br \/>\n    width: 100% !important;<br \/>\n    max-width: 100% !important;<br \/>\n    float: none !important;<br \/>\n    padding-right: 0 !important;<br \/>\n    padding-left: 0 !important;<br \/>\n  }<br \/>\n  body:has(.tc-wp-island) #main-content .container:before {<br \/>\n    display: none !important;<br \/>\n  }<br \/>\n}<br \/>\n\/* Tool pages: keep theme H1 readable \u2014 smaller type, full content width, 1\u20132 lines *\/<br \/>\nbody:has(.tc-wp-island) .fontib-v2-hero-inner {<br \/>\n  width: min(100%, calc(100vw - 40px)) !important;<br \/>\n  max-width: 1320px !important;<br \/>\n}<br \/>\nbody:has(.tc-wp-island) .fontib-v2-title,<br \/>\nbody:has(.tc-wp-island) #left-area > .entry-title,<br \/>\nbody:has(.tc-wp-island) .entry-title h1,<br \/>\nbody:has(.tc-wp-island) h1.entry-title,<br \/>\nbody:has(.tc-wp-island) .page-title,<br \/>\nbody:has(.tc-wp-island) .et_pb_title_container h1 {<br \/>\n  max-width: 100% !important;<br \/>\n  width: 100%;<br \/>\n  font-size: clamp(24px, 2.6vw, 38px) !important;<br \/>\n  line-height: 1.2 !important;<br \/>\n  letter-spacing: -0.01em;<br \/>\n}<br \/>\n<\/style>\n<div class=\"tc-wp-island\">\n<section class=\"tc-wp-tool\" data-tool-index=\"1\">\n<div class=\"tc-wp-tool-html\">    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Montserrat:wght@700&display=swap\"\r\n        rel=\"stylesheet\">\r\n    <style>\r\n        .ih-body {\r\n            margin-bottom: 40px;\r\n            font-family: 'Inter', 'Segoe UI', Arial, sans-serif;\r\n            position: relative;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n            background: #0a0a0a;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .ih-wrapper {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .ih-animated-bg {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n            background: radial-gradient(circle at 80% 10%, rgba(225, 48, 108, 0.15) 0%, transparent 60%),\r\n                radial-gradient(circle at 10% 90%, rgba(131, 58, 180, 0.12) 0%, transparent 60%);\r\n            animation: ih-bgMove 12s linear infinite alternate;\r\n        }\r\n\r\n        @keyframes ih-bgMove {\r\n            0% {\r\n                background-position: 80% 10%, 10% 90%;\r\n            }\r\n            100% {\r\n                background-position: 70% 20%, 20% 80%;\r\n            }\r\n        }\r\n\r\n        .ih-main-card {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            border-radius: 32px;\r\n            background: rgba(18, 18, 18, 0.92);\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 1.5px 16px 0 rgba(225, 48, 108, 0.12);\r\n            padding: 38px 36px 30px 36px;\r\n            backdrop-filter: blur(18px);\r\n            border: 2.5px solid rgba(225, 48, 108, 0.12);\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n\r\n        .ih-main-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -3px;\r\n            border-radius: 36px;\r\n            z-index: 0;\r\n            background: linear-gradient(90deg, #833AB4 0%, #E1306C 50%, #FCAF45 100%);\r\n            filter: blur(6px) brightness(1.1);\r\n            opacity: 0.12;\r\n            animation: ih-borderSpin 8s linear infinite;\r\n        }\r\n\r\n        @keyframes ih-borderSpin {\r\n            0% {\r\n                filter: blur(6px) brightness(1.1) hue-rotate(0deg);\r\n            }\r\n            100% {\r\n                filter: blur(6px) brightness(1.1) hue-rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .ih-logo-anim {\r\n            font-size: 2.7rem;\r\n            color: #E1306C;\r\n            margin-bottom: 8px;\r\n            filter: drop-shadow(0 0 12px rgba(225, 48, 108, 0.25));\r\n            animation: ih-logoPulse 3s ease-in-out infinite;\r\n            text-shadow: 0 0 20px rgba(225, 48, 108, 0.15);\r\n        }\r\n\r\n        .ih-username {\r\n            font-size: 1.18rem;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            margin-bottom: 2px;\r\n            letter-spacing: 0.2px;\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            text-shadow: 0 0 20px rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        .ih-fullname {\r\n            font-size: 1.05rem;\r\n            color: #a8a8a8;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .ih-h2 {\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: #e0e0e0;\r\n            margin-bottom: 6px;\r\n            letter-spacing: -0.5px;\r\n            text-align: center;\r\n            margin-top: 0;\r\n            text-shadow: 0 0 15px rgba(225, 48, 108, 0.1);\r\n        }\r\n\r\n        .ih-desc {\r\n            color: #8e8e8e;\r\n            font-size: 1.08rem;\r\n            margin-bottom: 24px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .ih-input-group {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin: 0 auto 16px auto;\r\n            max-width: 500px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .ih-input-group input {\r\n            flex: 1;\r\n            padding: 14px 16px;\r\n            border-radius: 12px;\r\n            border: 1.5px solid #333333;\r\n            font-size: 1.08rem;\r\n            outline: none;\r\n            background: rgba(26, 26, 26, 0.9);\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n            transition: border 0.2s, box-shadow 0.2s;\r\n            box-shadow: 0 1.5px 8px 0 rgba(0, 0, 0, 0.2);\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .ih-input-group input:focus {\r\n            border: 1.5px solid #E1306C;\r\n            box-shadow: 0 0 0 3px rgba(225, 48, 108, 0.12), 0 2px 12px 0 rgba(225, 48, 108, 0.1);\r\n            outline: none;\r\n        }\r\n\r\n        .ih-input-group button {\r\n            background: linear-gradient(135deg, #833AB4, #E1306C);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 12px;\r\n            padding: 0 22px;\r\n            font-size: 1.08rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 12px 0 rgba(225, 48, 108, 0.2);\r\n            transition: background 0.2s, box-shadow 0.2s, transform 0.15s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ih-input-group button:hover {\r\n            background: linear-gradient(135deg, #E1306C, #FD1D1D);\r\n            box-shadow: 0 4px 18px 0 rgba(225, 48, 108, 0.3);\r\n            transform: translateY(-2px) scale(1.04);\r\n        }\r\n\r\n        .ih-error {\r\n            color: #fff;\r\n            background: linear-gradient(90deg, #E1306C 0%, #FD1D1D 100%);\r\n            border-radius: 8px;\r\n            margin-bottom: 12px;\r\n            display: none;\r\n            font-weight: 700;\r\n            letter-spacing: 0.2px;\r\n            padding: 10px 0;\r\n            box-shadow: 0 2px 12px 0 rgba(225, 48, 108, 0.15);\r\n            font-size: 1.01rem;\r\n            animation: ih-fadeIn 0.5s;\r\n        }\r\n\r\n        @keyframes ih-logoPulse {\r\n            0%, 100% {\r\n                transform: scale(1);\r\n                filter: drop-shadow(0 0 12px rgba(225, 48, 108, 0.2));\r\n            }\r\n            50% {\r\n                transform: scale(1.06);\r\n                filter: drop-shadow(0 0 20px rgba(225, 48, 108, 0.35));\r\n            }\r\n        }\r\n\r\n        .ih-h1 {\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            font-size: 2.8rem;\r\n            font-weight: 900;\r\n            margin: 40px 0 4px 0;\r\n            letter-spacing: -1.5px;\r\n            background: linear-gradient(135deg, #833AB4 0%, #E1306C 50%, #FCAF45 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            text-align: center;\r\n            text-shadow: 0 0 40px rgba(131, 58, 180, 0.3), 0 0 80px rgba(225, 48, 108, 0.2);\r\n            -webkit-text-stroke: 1.5px rgba(225, 48, 108, 0.15);\r\n        }\r\n\r\n        .ih-subtitle {\r\n            font-family: 'Inter', 'Segoe UI', Arial, sans-serif;\r\n            font-size: 1.15rem;\r\n            font-weight: 500;\r\n            color: #a8a8a8;\r\n            margin: 0 0 12px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .ih-h2 {\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: #e0e0e0;\r\n            margin-bottom: 6px;\r\n            letter-spacing: -0.5px;\r\n            text-align: center;\r\n            margin-top: 0;\r\n            text-shadow: 0 0 15px rgba(225, 48, 108, 0.1);\r\n        }\r\n\r\n        .ih-desc {\r\n            color: #8e8e8e;\r\n            font-size: 1.08rem;\r\n            margin-bottom: 24px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .ih-h2 {\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: #e0e0e0;\r\n            margin-bottom: 6px;\r\n            letter-spacing: -0.5px;\r\n            text-align: center;\r\n            margin-top: 0;\r\n        }\r\n\r\n        .ih-desc {\r\n            color: #8e8e8e;\r\n            font-size: 1.08rem;\r\n            margin-bottom: 24px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .ih-input-group {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin: 0 auto 16px auto;\r\n            max-width: 500px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .ih-input-group input {\r\n            flex: 1;\r\n            padding: 14px 16px;\r\n            border-radius: 12px;\r\n            border: 1.5px solid #333333;\r\n            font-size: 1.08rem;\r\n            outline: none;\r\n            background: rgba(26, 26, 26, 0.9);\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n            transition: border 0.2s, box-shadow 0.2s;\r\n            box-shadow: 0 1.5px 8px 0 rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .ih-input-group input:focus {\r\n            border: 1.5px solid #E1306C;\r\n            box-shadow: 0 0 0 3px rgba(225, 48, 108, 0.12), 0 2px 12px 0 rgba(225, 48, 108, 0.1);\r\n            outline: none;\r\n        }\r\n\r\n        .ih-input-group button {\r\n            background: linear-gradient(135deg, #833AB4, #E1306C);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 12px;\r\n            padding: 0 22px;\r\n            font-size: 1.08rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 12px 0 rgba(225, 48, 108, 0.2);\r\n            transition: background 0.2s, box-shadow 0.2s, transform 0.15s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ih-input-group button:hover {\r\n            background: linear-gradient(135deg, #E1306C, #FD1D1D);\r\n            box-shadow: 0 4px 18px 0 rgba(225, 48, 108, 0.3);\r\n            transform: translateY(-2px) scale(1.04);\r\n        }\r\n\r\n        .ih-error {\r\n            color: #fff;\r\n            background: linear-gradient(90deg, #E1306C 0%, #FD1D1D 100%);\r\n            border-radius: 8px;\r\n            margin-bottom: 12px;\r\n            display: none;\r\n            font-weight: 700;\r\n            letter-spacing: 0.2px;\r\n            padding: 10px 0;\r\n            box-shadow: 0 2px 12px 0 rgba(225, 48, 108, 0.15);\r\n            font-size: 1.01rem;\r\n            animation: ih-fadeIn 0.5s;\r\n        }\r\n\r\n        @keyframes ih-fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-10px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .ih-results {\r\n            margin-top: 18px;\r\n            z-index: 2;\r\n            position: relative;\r\n        }\r\n\r\n        .ih-img-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 28px;\r\n            margin-top: 10px;\r\n            align-items: stretch;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .ih-profile-img-block {\r\n            background: rgba(26, 26, 26, 0.95);\r\n            border-radius: 18px;\r\n            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25), 0 1.5px 16px 0 rgba(225, 48, 108, 0.08);\r\n            border: 1.5px solid #2a2a2a;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            min-width: 0;\r\n            animation: ih-fadeIn 0.7s;\r\n            overflow: hidden;\r\n            transition: box-shadow 0.2s, transform 0.2s;\r\n        }\r\n\r\n        .ih-profile-img-block:hover {\r\n            box-shadow: 0 8px 32px rgba(225, 48, 108, 0.15), 0 2px 24px 0 rgba(131, 58, 180, 0.1);\r\n            transform: translateY(-2px) scale(1.025);\r\n        }\r\n\r\n        .ih-profile-img-block .ih-img-wrap {\r\n            width: 100%;\r\n            aspect-ratio: 1.3\/1;\r\n            background: linear-gradient(120deg, #2a2a2a 0%, #1a1a1a 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ih-profile-img-block img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            border: none;\r\n            border-radius: 0;\r\n            box-shadow: none;\r\n            margin: 0;\r\n            transition: transform 0.2s;\r\n            cursor: pointer;\r\n            display: block;\r\n        }\r\n\r\n        .ih-profile-img-block img:hover {\r\n            transform: scale(1.04);\r\n        }\r\n\r\n        .ih-profile-img-block .ih-label {\r\n            font-size: 1.04rem;\r\n            color: #e0e0e0;\r\n            margin: 14px 0 2px 0;\r\n            font-weight: 700;\r\n            text-align: center;\r\n            word-break: break-all;\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-resolution {\r\n            font-size: 0.97rem;\r\n            color: #E1306C;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            text-align: center;\r\n            text-shadow: 0 0 20px rgba(225, 48, 108, 0.15);\r\n        }\r\n\r\n        .ih-profile-img-block .ih-img-actions {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-download-btn {\r\n            background: linear-gradient(90deg, #833AB4 0%, #E1306C 100%);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 7px;\r\n            padding: 10px 28px;\r\n            font-size: 1.05rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 12px 0 rgba(225, 48, 108, 0.15);\r\n            transition: background 0.2s, box-shadow 0.2s, transform 0.15s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-download-btn:hover {\r\n            background: linear-gradient(90deg, #E1306C 0%, #FD1D1D 100%);\r\n            box-shadow: 0 4px 18px 0 rgba(225, 48, 108, 0.25);\r\n            transform: translateY(-2px) scale(1.05);\r\n        }\r\n\r\n        .ih-username {\r\n            font-size: 1.18rem;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            margin-bottom: 2px;\r\n            letter-spacing: 0.2px;\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            text-shadow: 0 0 20px rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        .ih-fullname {\r\n            font-size: 1.05rem;\r\n            color: #a8a8a8;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .ih-skeleton-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 28px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .ih-skeleton-img-block {\r\n            background: rgba(26, 26, 26, 0.95);\r\n            border-radius: 18px;\r\n            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 1.5px 16px 0 rgba(225, 48, 108, 0.05);\r\n            border: 1.5px solid #2a2a2a;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            min-width: 0;\r\n            animation: ih-fadeIn 0.7s;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ih-skeleton-img {\r\n            width: 100%;\r\n            aspect-ratio: 1.3\/1;\r\n            background: linear-gradient(90deg, #2a2a2a 25%, #333333 50%, #2a2a2a 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            margin: 0;\r\n        }\r\n\r\n        .ih-skeleton-label,\r\n        .ih-skeleton-res {\r\n            height: 16px;\r\n            width: 80px;\r\n            background: linear-gradient(90deg, #2a2a2a 25%, #333333 50%, #2a2a2a 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            border-radius: 4px;\r\n            margin: 14px auto 8px auto;\r\n        }\r\n\r\n        .ih-skeleton-actions {\r\n            width: 60%;\r\n            height: 32px;\r\n            background: linear-gradient(90deg, #2a2a2a 25%, #333333 50%, #2a2a2a 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            border-radius: 7px;\r\n            margin: 0 auto 18px auto;\r\n        }\r\n\r\n        @keyframes ih-shimmer {\r\n            0% {\r\n                background-position: -1000px 0;\r\n            }\r\n\r\n            100% {\r\n                background-position: 1000px 0;\r\n            }\r\n        }\r\n        \r\n      @media (max-width: 992px) {\r\n    .ih-main-card {\r\n        padding: 30px 28px 25px 28px;\r\n        border-radius: 28px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 32px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 2.4rem;\r\n        margin: 30px 0 4px 0;\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .ih-subtitle {\r\n        font-size: 1.05rem;\r\n        padding: 0 15px;\r\n        margin: 0 0 10px 0;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1.2rem;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 1rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 12px 14px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        padding: 0 18px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n        .ih-img-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 24px;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 1rem;\r\n        margin: 12px 0 2px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 9px 24px;\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ih-body {\r\n        padding: 15px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 2rem;\r\n        margin: 25px 0 4px 0;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .ih-subtitle {\r\n        font-size: 1rem;\r\n        padding: 0 10px;\r\n        margin: 0 0 10px 0;\r\n    }\r\n\r\n    .ih-main-card {\r\n        padding: 25px 20px 20px 20px;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 28px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.95rem;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .ih-input-group {\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        max-width: 100%;\r\n        margin: 0 auto 16px auto;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 10px 12px;\r\n        font-size: 0.95rem;\r\n        width: 100%;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        width: 100%;\r\n        padding: 10px 12px;\r\n        font-size: 0.95rem;\r\n        justify-content: center;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.95rem;\r\n        margin: 10px 0 2px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.85rem;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 8px 20px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.95rem;\r\n        padding: 8px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 14px;\r\n        width: 70px;\r\n        margin: 10px auto 6px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 70%;\r\n        height: 30px;\r\n        margin: 0 auto 16px auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .ih-body {\r\n        padding: 15px;\r\n    }\r\n    .ih-main-card {\r\n        padding: 20px 15px 15px 15px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.8rem;\r\n        margin: 18px 0 4px 0;\r\n        padding: 0 8px;\r\n    }\r\n\r\n    .ih-subtitle {\r\n        font-size: 0.95rem;\r\n        padding: 0 8px;\r\n        margin: 0 0 8px 0;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1rem;\r\n        margin-bottom: 3px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 9px 10px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        padding: 9px 10px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n        gap: 15px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.9rem;\r\n        margin: 8px 0 1px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.8rem;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 7px 18px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.9rem;\r\n        padding: 7px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 12px;\r\n        width: 60px;\r\n        margin: 8px auto 5px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 75%;\r\n        height: 28px;\r\n        margin: 0 auto 14px auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .ih-body {\r\n        padding: 12px;\r\n    }\r\n    .ih-main-card {\r\n        padding: 18px 12px 12px 12px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.6rem;\r\n        margin: 15px 0 3px 0;\r\n        padding: 0 6px;\r\n    }\r\n\r\n    .ih-subtitle {\r\n        font-size: 0.85rem;\r\n        padding: 0 6px;\r\n        margin: 0 0 6px 0;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.85rem;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .ih-input-group input,\r\n    .ih-input-group button {\r\n        padding: 8px 10px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: 1fr; \/* Stack items on very small screens *\/\r\n        gap: 12px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.85rem;\r\n        margin: 7px 0 1px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.75rem;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 6px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.85rem;\r\n        padding: 6px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 11px;\r\n        width: 55px;\r\n        margin: 7px auto 4px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 80%;\r\n        height: 25px;\r\n        margin: 0 auto 12px auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n    .ih-body {\r\n        padding: 10px;\r\n    }\r\n    .ih-main-card {\r\n        padding: 15px 10px 10px 10px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.5rem;\r\n        margin: 12px 0 3px 0;\r\n        padding: 0 5px;\r\n    }\r\n\r\n    .ih-subtitle {\r\n        font-size: 0.8rem;\r\n        padding: 0 5px;\r\n        margin: 0 0 5px 0;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.8rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ih-input-group input,\r\n    .ih-input-group button {\r\n        padding: 7px 8px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        gap: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.8rem;\r\n        margin: 6px 0 0 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.7rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 5px 12px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.8rem;\r\n        padding: 5px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 10px;\r\n        width: 50px;\r\n        margin: 6px auto 3px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 85%;\r\n        height: 22px;\r\n        margin: 0 auto 10px auto;\r\n    }\r\n}\r\n      <\/style>\r\n\r\n\r\n<div class=\"ih-body\">\r\n    <div class=\"ih-animated-bg\"><\/div>\r\n    <div class=\"ih-wrapper\">\r\n        <h1 class=\"ih-h1\">Instagram Avatar Viewer<\/h1>\r\n        <p class=\"ih-subtitle\">Browse & download any Instagram profile picture in HD<\/p>\r\n        <div class=\"ih-main-card\">\r\n        <div class=\"ih-logo-anim\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n        <h2 class=\"ih-h2\">View & Download Profile Pictures<\/h2>\r\n        <div class=\"ih-desc\">View and download Instagram profile pictures in all available resolutions.<br><span\r\n                style=\"color:#E1306C;font-weight:600; margin-top: 10px; display: block;\">No login required.<\/span><\/div>\r\n        <div class=\"ih-input-group\">\r\n            <input type=\"text\" id=\"ih-username\" placeholder=\"Enter Instagram username\" autocomplete=\"off\" \/>\r\n            <button id=\"ih-fetch-btn\"><i class=\"fa-solid fa-search\"><\/i> View<\/button>\r\n        <\/div>\r\n        <div class=\"ih-error\" id=\"ih-error-message\"><\/div>\r\n        <div class=\"ih-results\" id=\"ih-results\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\t<script>(function(w,d){var u=[\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\",\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"];function ready(){var jq=w.jQuery;return jq&&jq.fn&&typeof jq.fn.on===\"function\";}function load(){if(!ready()){return false;}for(var i=0;i<u.length;i++){if(d.querySelector('script[src=\"'+u[i]+'\"]')){continue;}var s=d.createElement(\"script\");s.src=u[i];s.async=true;(d.body||d.head).appendChild(s);}return true;}function wait(n){if(load()||n<=0){return;}setTimeout(function(){wait(n-1);},100);}if(d.readyState==\"loading\"){d.addEventListener(\"DOMContentLoaded\",function(){wait(150);});}else{wait(150);}})(window,document);<\/script>\r\n \r\n    <script>\r\n        async function fetchProfile(username) {\r\n            const url = \"https:\/\/tools.xrespond.com\/api\/instagram\/profile-info\";\r\n            const formData = new FormData();\r\n            formData.append(\"profile\", username);\r\n            try {\r\n                const res = await fetch(url, { method: \"POST\", body: formData });\r\n                const data = await res.json();\r\n                if (!data || !data.data || !data.data.data) throw new Error(\"No data found\");\r\n                return data.data.data;\r\n            } catch (e) {\r\n                throw new Error(\"Failed to fetch profile info\");\r\n            }\r\n        }\r\n\r\n        function createImgBlock(label, url, width, height) {\r\n            return `<div class=\\\"ih-profile-img-block\\\">\r\n                <div class=\\\"ih-img-wrap\\\"><img src=\\\"${url}\\\" alt=\\\"Profile Picture\\\" loading=\\\"lazy\\\" width=\\\"${width || ''}\\\" height=\\\"${height || ''}\\\" title=\\\"Right-click to open in new tab\\\" \/><\/div>\r\n                <div class=\\\"ih-label\\\">${label}<\/div>\r\n                <div class=\\\"ih-resolution\\\">${width && height ? `${width}\u00d7${height}` : ''}<\/div>\r\n                <div class=\\\"ih-img-actions\\\">\r\n                    <button class=\\\"ih-download-btn\\\" data-url=\\\"${url}\\\"><i class=\\\"fa-solid fa-download\\\"><\/i> Download<\/button>\r\n                <\/div>\r\n            <\/div>`;\r\n        }\r\n\r\n        function showSkeletons(count) {\r\n            let html = '<div class=\"ih-skeleton-grid\">';\r\n            for (let i = 0; i < count; i++) {\r\n                html += `<div class=\\\"ih-skeleton-img-block\\\">\r\n                    <div class=\\\"ih-skeleton-img\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-label\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-res\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-actions\\\"><\/div>\r\n                <\/div>`;\r\n            }\r\n            html += '<\/div>';\r\n            return html;\r\n        }\r\n\r\n        function showError(msg) {\r\n            const err = document.getElementById('ih-error-message');\r\n            err.textContent = msg;\r\n            err.style.display = 'block';\r\n        }\r\n        function clearError() {\r\n            const err = document.getElementById('ih-error-message');\r\n            err.textContent = '';\r\n            err.style.display = 'none';\r\n        }\r\n\r\n        document.getElementById('ih-fetch-btn').onclick = async function () {\r\n            const username = document.getElementById('ih-username').value.trim().replace(\/^@\/, '');\r\n            const results = document.getElementById('ih-results');\r\n            results.innerHTML = showSkeletons(4);\r\n            clearError();\r\n            if (!username) {\r\n                results.innerHTML = '';\r\n                showError('Please enter a username.');\r\n                return;\r\n            }\r\n            try {\r\n                const data = await fetchProfile(username);\r\n                results.innerHTML = '';\r\n                results.innerHTML += `<div class=\\\"ih-username\\\">@${data.username || username}<\/div>`;\r\n                if (data.full_name) results.innerHTML += `<div class=\\\"ih-fullname\\\">${data.full_name}<\/div>`;\r\n                \/\/ Collect all available profile pic URLs\r\n                let urls = [];\r\n                if (data.hd_profile_pic_url) urls.push({ label: 'HD Profile Picture', url: data.hd_profile_pic_url });\r\n                if (data.profile_pic_url) urls.push({ label: 'Standard Profile Picture', url: data.profile_pic_url });\r\n                if (data.hd_profile_pic_versions && Array.isArray(data.hd_profile_pic_versions)) {\r\n                    data.hd_profile_pic_versions.forEach((v, i) => {\r\n                        urls.push({ label: `Version ${i + 1} (${v.width}x${v.height})`, url: v.url, width: v.width, height: v.height });\r\n                    });\r\n                }\r\n                \/\/ Remove duplicates\r\n                const seen = new Set();\r\n                const uniqueUrls = urls.filter(u => {\r\n                    if (seen.has(u.url)) return false;\r\n                    seen.add(u.url);\r\n                    return true;\r\n                });\r\n                if (uniqueUrls.length === 0) {\r\n                    results.innerHTML += '<div>No profile pictures found.<\/div>';\r\n                    return;\r\n                }\r\n                \/\/ Show as grid\r\n                let grid = '<div class=\"ih-img-grid\">';\r\n                uniqueUrls.forEach(u => {\r\n                    grid += createImgBlock(u.label, u.url, u.width, u.height);\r\n                });\r\n                grid += '<\/div>';\r\n                results.innerHTML += grid;\r\n            } catch (e) {\r\n                results.innerHTML = '';\r\n                showError('Could not fetch profile. Please check the username.');\r\n            }\r\n        };\r\n\r\n        document.getElementById('ih-results').addEventListener('click', function (e) {\r\n            \/\/ Download\r\n            if (e.target.classList.contains('ih-download-btn') || e.target.closest('.ih-download-btn')) {\r\n                const btn = e.target.closest('.ih-download-btn');\r\n                const url = btn.getAttribute('data-url');\r\n             const filename = 'instagram_profile_' + Date.now() + '.jpg';\r\n                fetch(url)\r\n                    .then(resp => resp.blob())\r\n                    .then(blob => {\r\n                        const link = document.createElement('a');\r\n                        link.href = URL.createObjectURL(blob);\r\n                        link.download = filename;\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n                        document.body.removeChild(link);\r\n                        setTimeout(() => URL.revokeObjectURL(link.href), 1000);\r\n                    });\r\n            }\r\n        });\r\n\r\n        \/\/ Allow right-click to open image in new tab (default browser behavior)\r\n        \/\/ Allow right-click to open image in new tab (default browser behavior)\r\n        \/\/ Enter key support\r\n        document.getElementById('ih-username').addEventListener('keypress', function (e) {\r\n            if (e.key === 'Enter') document.getElementById('ih-fetch-btn').click();\r\n        });\r\n    <\/script>\r\n\r\n\r\n<\/div>\n<div class=\"tc-wp-tool-content\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@700;800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n    .iicv-body,\r\n    .iicv-body * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .iicv-body {\r\n        --iicv-bg: #050509;\r\n        --iicv-bg-soft: #0b0b12;\r\n        --iicv-card: rgba(16, 16, 27, 0.88);\r\n        --iicv-card-strong: rgba(24, 24, 38, 0.96);\r\n        --iicv-border: rgba(255, 255, 255, 0.12);\r\n        --iicv-border-glow: rgba(225, 48, 108, 0.38);\r\n        --iicv-text: #ffffff;\r\n        --iicv-muted: rgba(255, 255, 255, 0.70);\r\n        --iicv-soft: rgba(255, 255, 255, 0.52);\r\n        --iicv-pink: #e1306c;\r\n        --iicv-purple: #833ab4;\r\n        --iicv-blue: #405de6;\r\n        --iicv-orange: #fcaf45;\r\n        --iicv-red: #fd1d1d;\r\n        --iicv-gradient: linear-gradient(135deg, #405de6 0%, #5851db 18%, #833ab4 38%, #c13584 58%, #e1306c 76%, #fd1d1d 88%, #fcaf45 100%);\r\n        --iicv-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);\r\n        font-family: 'Inter', 'Segoe UI', Arial, sans-serif;\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 80vh;\r\n        padding: 24px;\r\n        margin-bottom: 40px;\r\n        color: var(--iicv-text);\r\n        background:\r\n            radial-gradient(circle at 18% 12%, rgba(131, 58, 180, 0.28), transparent 34%),\r\n            radial-gradient(circle at 84% 18%, rgba(225, 48, 108, 0.22), transparent 32%),\r\n            radial-gradient(circle at 50% 100%, rgba(252, 175, 69, 0.14), transparent 34%),\r\n            linear-gradient(145deg, #050509 0%, #090914 48%, #120816 100%);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .iicv-body::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n        background-image:\r\n            linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);\r\n        background-size: 42px 42px;\r\n        opacity: 0.25;\r\n        z-index: 0;\r\n        animation: iicv-gridMove 22s linear infinite;\r\n    }\r\n\r\n    .iicv-body::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 340px;\r\n        height: 340px;\r\n        right: -120px;\r\n        top: -120px;\r\n        background: conic-gradient(from 120deg, rgba(64,93,230,.2), rgba(225,48,108,.3), rgba(252,175,69,.18), rgba(64,93,230,.2));\r\n        border-radius: 50%;\r\n        filter: blur(18px);\r\n        opacity: .8;\r\n        z-index: 0;\r\n        animation: iicv-orbFloat 12s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes iicv-gridMove {\r\n        from { background-position: 0 0; }\r\n        to { background-position: 42px 42px; }\r\n    }\r\n\r\n    @keyframes iicv-orbFloat {\r\n        from { transform: translate(0, 0) rotate(0deg) scale(1); }\r\n        to { transform: translate(-30px, 30px) rotate(25deg) scale(1.06); }\r\n    }\r\n\r\n    .iicv-wrapper {\r\n        width: 100%;\r\n        max-width: 1180px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .iicv-header {\r\n        text-align: center;\r\n        padding: 34px 0 22px;\r\n    }\r\n\r\n    .iicv-logo-anim {\r\n        width: 82px;\r\n        height: 82px;\r\n        margin: 0 auto 18px;\r\n        border-radius: 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: var(--iicv-gradient);\r\n        box-shadow: 0 18px 46px rgba(225, 48, 108, 0.26), inset 0 1px 0 rgba(255,255,255,.35);\r\n        position: relative;\r\n        animation: iicv-logoPulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    .iicv-logo-anim::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 6px;\r\n        border-radius: 22px;\r\n        border: 2px solid rgba(255, 255, 255, .9);\r\n    }\r\n\r\n    .iicv-logo-anim i {\r\n        font-size: 2.15rem;\r\n        color: #fff;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    @keyframes iicv-logoPulse {\r\n        0%, 100% { transform: translateY(0) scale(1); filter: drop-shadow(0 0 16px rgba(225,48,108,.35)); }\r\n        50% { transform: translateY(-4px) scale(1.04); filter: drop-shadow(0 0 26px rgba(252,175,69,.28)); }\r\n    }\r\n\r\n    .iicv-h1 {\r\n        font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n        font-size: clamp(2rem, 5vw, 4rem);\r\n        line-height: 1.08;\r\n        font-weight: 800;\r\n        margin: 0 0 10px;\r\n        letter-spacing: -1.7px;\r\n        background: linear-gradient(135deg, #ffffff 0%, #ffd6e5 42%, #fcbf62 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .iicv-subtitle {\r\n        color: var(--iicv-muted);\r\n        font-size: 1.08rem;\r\n        max-width: 680px;\r\n        margin: 0 auto;\r\n        line-height: 1.65;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .iicv-main-card {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 960px;\r\n        margin: 26px auto 0;\r\n        border-radius: 30px;\r\n        background: linear-gradient(145deg, rgba(17,17,30,.92), rgba(9,9,17,.88));\r\n        box-shadow: var(--iicv-shadow), inset 0 1px 0 rgba(255,255,255,.06);\r\n        padding: 34px;\r\n        backdrop-filter: blur(22px);\r\n        border: 1px solid var(--iicv-border);\r\n        overflow: hidden;\r\n        text-align: center;\r\n    }\r\n\r\n    .iicv-main-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        padding: 1px;\r\n        border-radius: inherit;\r\n        background: var(--iicv-gradient);\r\n        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n        -webkit-mask-composite: xor;\r\n        mask-composite: exclude;\r\n        opacity: .55;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .iicv-main-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: -40% -20% auto -20%;\r\n        height: 180px;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);\r\n        transform: rotate(-8deg);\r\n        animation: iicv-shine 7s ease-in-out infinite;\r\n        pointer-events: none;\r\n    }\r\n\r\n    @keyframes iicv-shine {\r\n        0%, 20% { transform: translateX(-110%) rotate(-8deg); }\r\n        55%, 100% { transform: translateX(110%) rotate(-8deg); }\r\n    }\r\n\r\n    .iicv-h2 {\r\n        font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n        font-size: 1.45rem;\r\n        font-weight: 800;\r\n        color: #fff;\r\n        margin: 0 0 8px;\r\n        letter-spacing: -0.4px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .iicv-desc {\r\n        color: var(--iicv-muted);\r\n        font-size: 1.02rem;\r\n        margin: 0 auto 24px;\r\n        font-weight: 500;\r\n        max-width: 650px;\r\n        line-height: 1.65;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .iicv-desc span {\r\n        display: block;\r\n        color: #ffcc70;\r\n        font-weight: 800;\r\n        margin-top: 6px;\r\n    }\r\n\r\n    .iicv-input-group {\r\n        display: flex;\r\n        gap: 12px;\r\n        margin: 0 auto 16px;\r\n        max-width: 590px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .iicv-input-group input {\r\n        flex: 1;\r\n        min-width: 0;\r\n        padding: 16px 18px;\r\n        border-radius: 16px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        font-size: 1rem;\r\n        outline: none;\r\n        background: rgba(255, 255, 255, 0.075);\r\n        font-weight: 600;\r\n        color: #fff;\r\n        transition: border .2s, box-shadow .2s, background .2s, transform .2s;\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,.04);\r\n        font-family: 'Inter', Arial, sans-serif;\r\n    }\r\n\r\n    .iicv-input-group input::placeholder {\r\n        color: rgba(255,255,255,.42);\r\n    }\r\n\r\n    .iicv-input-group input:focus {\r\n        border-color: rgba(225, 48, 108, .72);\r\n        background: rgba(255, 255, 255, 0.10);\r\n        box-shadow: 0 0 0 4px rgba(225, 48, 108, 0.13);\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .iicv-input-group button {\r\n        background: var(--iicv-gradient);\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 16px;\r\n        padding: 0 24px;\r\n        font-size: 1rem;\r\n        font-weight: 800;\r\n        cursor: pointer;\r\n        box-shadow: 0 12px 28px rgba(225, 48, 108, 0.22);\r\n        transition: box-shadow .2s, transform .15s, filter .2s;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 9px;\r\n        white-space: nowrap;\r\n        font-family: 'Inter', Arial, sans-serif;\r\n    }\r\n\r\n    .iicv-input-group button:hover {\r\n        box-shadow: 0 16px 38px rgba(225, 48, 108, 0.32);\r\n        transform: translateY(-2px) scale(1.02);\r\n        filter: saturate(1.12);\r\n    }\r\n\r\n    .iicv-input-group button:disabled {\r\n        opacity: .65;\r\n        cursor: not-allowed;\r\n        transform: none;\r\n    }\r\n\r\n    .iicv-error {\r\n        color: #fff;\r\n        background: linear-gradient(90deg, rgba(225, 48, 108, .92), rgba(253, 29, 29, .88));\r\n        border-radius: 12px;\r\n        margin: 0 auto 14px;\r\n        max-width: 590px;\r\n        display: none;\r\n        font-weight: 800;\r\n        letter-spacing: .2px;\r\n        padding: 12px 16px;\r\n        box-shadow: 0 14px 34px rgba(225, 48, 108, 0.18);\r\n        font-size: .98rem;\r\n        animation: iicv-fadeIn .35s ease-out;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    @keyframes iicv-fadeIn {\r\n        from { opacity: 0; transform: translateY(-8px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .iicv-results {\r\n        margin-top: 18px;\r\n        z-index: 2;\r\n        position: relative;\r\n    }\r\n\r\n    .iicv-user-card {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        padding: 12px 16px;\r\n        margin-bottom: 18px;\r\n        border: 1px solid rgba(255,255,255,.12);\r\n        border-radius: 18px;\r\n        background: rgba(255,255,255,.07);\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,.05);\r\n    }\r\n\r\n    .iicv-user-mark {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: var(--iicv-gradient);\r\n        color: #fff;\r\n        flex: 0 0 auto;\r\n    }\r\n\r\n    .iicv-username {\r\n        font-size: 1.12rem;\r\n        font-weight: 800;\r\n        color: #fff;\r\n        letter-spacing: .1px;\r\n        font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n        text-align: left;\r\n    }\r\n\r\n    .iicv-fullname {\r\n        font-size: .95rem;\r\n        color: var(--iicv-muted);\r\n        font-weight: 600;\r\n        text-align: left;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .iicv-img-grid,\r\n    .iicv-skeleton-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n        gap: 22px;\r\n        margin-top: 10px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .iicv-profile-img-block,\r\n    .iicv-skeleton-img-block {\r\n        background: var(--iicv-card-strong);\r\n        border-radius: 20px;\r\n        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,.05);\r\n        border: 1px solid rgba(255, 255, 255, 0.11);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        min-width: 0;\r\n        animation: iicv-fadeIn .45s ease-out;\r\n        overflow: hidden;\r\n        transition: box-shadow .2s, transform .2s, border-color .2s;\r\n    }\r\n\r\n    .iicv-profile-img-block:hover {\r\n        box-shadow: 0 22px 58px rgba(225, 48, 108, 0.18), 0 18px 48px rgba(0,0,0,.34);\r\n        transform: translateY(-3px);\r\n        border-color: rgba(225,48,108,.35);\r\n    }\r\n\r\n    .iicv-img-wrap {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1;\r\n        background:\r\n            radial-gradient(circle at 50% 30%, rgba(255,255,255,.10), transparent 50%),\r\n            linear-gradient(135deg, rgba(64,93,230,.18), rgba(225,48,108,.16));\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .iicv-profile-img-block img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border: none;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        margin: 0;\r\n        transition: transform .22s;\r\n        cursor: pointer;\r\n        display: block;\r\n    }\r\n\r\n    .iicv-profile-img-block img:hover {\r\n        transform: scale(1.04);\r\n    }\r\n\r\n    .iicv-label {\r\n        font-size: 1rem;\r\n        color: #fff;\r\n        margin: 14px 12px 3px;\r\n        font-weight: 800;\r\n        text-align: center;\r\n        word-break: break-word;\r\n        font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n    }\r\n\r\n    .iicv-resolution {\r\n        font-size: .92rem;\r\n        color: #ffcc70;\r\n        font-weight: 800;\r\n        min-height: 20px;\r\n        margin: 0 12px 12px;\r\n        text-align: center;\r\n    }\r\n\r\n    .iicv-img-actions {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        padding: 0 14px 18px;\r\n    }\r\n\r\n    .iicv-download-btn,\r\n    .iicv-open-btn {\r\n        border: none;\r\n        border-radius: 10px;\r\n        padding: 10px 16px;\r\n        font-size: .92rem;\r\n        font-weight: 800;\r\n        cursor: pointer;\r\n        transition: box-shadow .2s, transform .15s, background .2s;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        font-family: 'Inter', Arial, sans-serif;\r\n    }\r\n\r\n    .iicv-download-btn {\r\n        background: var(--iicv-gradient);\r\n        color: #fff;\r\n        box-shadow: 0 12px 28px rgba(225, 48, 108, 0.18);\r\n    }\r\n\r\n    .iicv-open-btn {\r\n        background: rgba(255,255,255,.09);\r\n        color: #fff;\r\n        border: 1px solid rgba(255,255,255,.12);\r\n    }\r\n\r\n    .iicv-download-btn:hover,\r\n    .iicv-open-btn:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 16px 34px rgba(225, 48, 108, 0.18);\r\n    }\r\n\r\n    .iicv-skeleton-img {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1;\r\n        background: linear-gradient(90deg, rgba(255,255,255,.06) 25%, rgba(255,255,255,.13) 50%, rgba(255,255,255,.06) 75%);\r\n        background-size: 900px 100%;\r\n        animation: iicv-shimmer 1.8s infinite linear;\r\n    }\r\n\r\n    .iicv-skeleton-label,\r\n    .iicv-skeleton-res,\r\n    .iicv-skeleton-actions {\r\n        background: linear-gradient(90deg, rgba(255,255,255,.06) 25%, rgba(255,255,255,.13) 50%, rgba(255,255,255,.06) 75%);\r\n        background-size: 900px 100%;\r\n        animation: iicv-shimmer 1.8s infinite linear;\r\n        border-radius: 8px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .iicv-skeleton-label { height: 16px; width: 72%; margin-top: 16px; }\r\n    .iicv-skeleton-res { height: 13px; width: 42%; margin-top: 10px; }\r\n    .iicv-skeleton-actions { height: 38px; width: 62%; margin-top: 14px; margin-bottom: 18px; }\r\n\r\n    @keyframes iicv-shimmer {\r\n        from { background-position: -900px 0; }\r\n        to { background-position: 900px 0; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .iicv-body { padding: 18px 14px; }\r\n        .iicv-header { padding: 22px 0 14px; }\r\n        .iicv-logo-anim { width: 68px; height: 68px; border-radius: 23px; }\r\n        .iicv-logo-anim::before { border-radius: 18px; }\r\n        .iicv-logo-anim i { font-size: 1.8rem; }\r\n        .iicv-subtitle { font-size: .96rem; }\r\n        .iicv-main-card { padding: 24px 18px; border-radius: 24px; }\r\n        .iicv-input-group { flex-direction: column; max-width: 100%; }\r\n        .iicv-input-group button { width: 100%; padding: 14px 16px; }\r\n        .iicv-img-grid, .iicv-skeleton-grid { grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap: 16px; }\r\n        .iicv-img-actions { flex-direction: column; }\r\n        .iicv-download-btn, .iicv-open-btn { width: 100%; }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n        .iicv-body { padding: 12px; }\r\n        .iicv-main-card { padding: 20px 12px; border-radius: 20px; }\r\n        .iicv-h2 { font-size: 1.15rem; }\r\n        .iicv-desc { font-size: .9rem; }\r\n        .iicv-img-grid, .iicv-skeleton-grid { grid-template-columns: 1fr; }\r\n        .iicv-user-card { width: 100%; justify-content: flex-start; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"iicv-body\">\r\n    <div class=\"iicv-wrapper\">\r\n        <header class=\"iicv-header\">\r\n            <div class=\"iicv-logo-anim\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n            <h1 class=\"iicv-h1\">Instagram Icon Viewer<\/h1>\r\n            <p class=\"iicv-subtitle\">View and download any public Instagram profile icon in clean HD style. No login required.<\/p>\r\n        <\/header>\r\n\r\n        <main class=\"iicv-main-card\">\r\n            <h2 class=\"iicv-h2\">View & Download Instagram Icons<\/h2>\r\n            <div class=\"iicv-desc\">Enter an Instagram username to preview the available profile icon versions.<span>Dark Instagram color system applied.<\/span><\/div>\r\n\r\n            <div class=\"iicv-input-group\">\r\n                <input type=\"text\" id=\"iicv-username\" placeholder=\"Enter Instagram username\" autocomplete=\"off\" \/>\r\n                <button id=\"iicv-fetch-btn\" type=\"button\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> View Icon<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"iicv-error\" id=\"iicv-error-message\"><\/div>\r\n            <div class=\"iicv-results\" id=\"iicv-results\"><\/div>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function () {\r\n            const apiUrl = 'https:\/\/tools.xrespond.com\/api\/instagram\/profile-info';\r\n            const input = document.getElementById('iicv-username');\r\n            const fetchBtn = document.getElementById('iicv-fetch-btn');\r\n            const results = document.getElementById('iicv-results');\r\n            const errorBox = document.getElementById('iicv-error-message');\r\n            let isLoading = false;\r\n\r\n            function escapeHtml(value) {\r\n                return String(value || '')\r\n                    .replace(\/&\/g, '&amp;')\r\n                    .replace(\/<\/g, '&lt;')\r\n                    .replace(\/>\/g, '&gt;')\r\n                    .replace(\/\"\/g, '&quot;')\r\n                    .replace(\/'\/g, '&#039;');\r\n            }\r\n\r\n            function isValidHttpUrl(value) {\r\n                try {\r\n                    const url = new URL(value);\r\n                    return url.protocol === 'http:' || url.protocol === 'https:';\r\n                } catch (e) {\r\n                    return false;\r\n                }\r\n            }\r\n\r\n            function cleanUsername(value) {\r\n                return String(value || '')\r\n                    .trim()\r\n                    .replace(\/^@\/, '')\r\n                    .replace(\/^https?:\\\/\\\/(www\\.)?instagram\\.com\\\/\/i, '')\r\n                    .split(\/[\/?#]\/)[0]\r\n                    .trim();\r\n            }\r\n\r\n            async function fetchProfile(username) {\r\n                const formData = new FormData();\r\n                formData.append('profile', username);\r\n\r\n                const response = await fetch(apiUrl, {\r\n                    method: 'POST',\r\n                    body: formData\r\n                });\r\n\r\n                if (!response.ok) {\r\n                    throw new Error('Profile request failed');\r\n                }\r\n\r\n                const data = await response.json();\r\n                const profile = data && data.data && data.data.data;\r\n\r\n                if (!profile) {\r\n                    throw new Error('No profile data found');\r\n                }\r\n\r\n                return profile;\r\n            }\r\n\r\n            function showError(message) {\r\n                errorBox.textContent = message;\r\n                errorBox.style.display = 'block';\r\n            }\r\n\r\n            function clearError() {\r\n                errorBox.textContent = '';\r\n                errorBox.style.display = 'none';\r\n            }\r\n\r\n            function showSkeletons(count) {\r\n                let html = '<div class=\"iicv-skeleton-grid\">';\r\n                for (let i = 0; i < count; i++) {\r\n                    html += '<div class=\"iicv-skeleton-img-block\">' +\r\n                        '<div class=\"iicv-skeleton-img\"><\/div>' +\r\n                        '<div class=\"iicv-skeleton-label\"><\/div>' +\r\n                        '<div class=\"iicv-skeleton-res\"><\/div>' +\r\n                        '<div class=\"iicv-skeleton-actions\"><\/div>' +\r\n                    '<\/div>';\r\n                }\r\n                html += '<\/div>';\r\n                results.innerHTML = html;\r\n            }\r\n\r\n            function createIconBlock(item) {\r\n                const width = item.width ? escapeHtml(item.width) : '';\r\n                const height = item.height ? escapeHtml(item.height) : '';\r\n                const resolution = width && height ? width + '\u00d7' + height : 'Available size';\r\n                const label = escapeHtml(item.label);\r\n                const url = escapeHtml(item.url);\r\n\r\n                return '<div class=\"iicv-profile-img-block\">' +\r\n                    '<div class=\"iicv-img-wrap\"><img decoding=\"async\" src=\"' + url + '\" alt=\"Instagram icon\" loading=\"lazy\" title=\"Instagram Icon\" \/><\/div>' +\r\n                    '<div class=\"iicv-label\">' + label + '<\/div>' +\r\n                    '<div class=\"iicv-resolution\">' + resolution + '<\/div>' +\r\n                    '<div class=\"iicv-img-actions\">' +\r\n                        '<button class=\"iicv-download-btn\" type=\"button\" data-url=\"' + url + '\"><i class=\"fa-solid fa-download\"><\/i> Download<\/button>' +\r\n                        '<button class=\"iicv-open-btn\" type=\"button\" data-url=\"' + url + '\"><i class=\"fa-solid fa-up-right-from-square\"><\/i> Open<\/button>' +\r\n                    '<\/div>' +\r\n                '<\/div>';\r\n            }\r\n\r\n            function collectIconUrls(data) {\r\n                const urls = [];\r\n\r\n                if (data.hd_profile_pic_url) {\r\n                    urls.push({ label: 'HD Instagram Icon', url: data.hd_profile_pic_url });\r\n                }\r\n\r\n                if (data.profile_pic_url) {\r\n                    urls.push({ label: 'Standard Instagram Icon', url: data.profile_pic_url });\r\n                }\r\n\r\n                if (Array.isArray(data.hd_profile_pic_versions)) {\r\n                    data.hd_profile_pic_versions.forEach(function (version, index) {\r\n                        if (version && version.url) {\r\n                            urls.push({\r\n                                label: 'Icon Version ' + (index + 1),\r\n                                url: version.url,\r\n                                width: version.width,\r\n                                height: version.height\r\n                            });\r\n                        }\r\n                    });\r\n                }\r\n\r\n                const seen = new Set();\r\n                return urls.filter(function (item) {\r\n                    if (!item.url || !isValidHttpUrl(item.url) || seen.has(item.url)) return false;\r\n                    seen.add(item.url);\r\n                    return true;\r\n                });\r\n            }\r\n\r\n            async function handleFetch() {\r\n                if (isLoading) return;\r\n\r\n                const username = cleanUsername(input.value);\r\n                clearError();\r\n                results.innerHTML = '';\r\n\r\n                if (!username) {\r\n                    showError('Please enter an Instagram username.');\r\n                    return;\r\n                }\r\n\r\n                isLoading = true;\r\n                fetchBtn.disabled = true;\r\n                fetchBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Loading...';\r\n                showSkeletons(3);\r\n\r\n                try {\r\n                    const data = await fetchProfile(username);\r\n                    const icons = collectIconUrls(data);\r\n                    const safeUsername = escapeHtml(data.username || username);\r\n                    const safeFullName = escapeHtml(data.full_name || '');\r\n\r\n                    let html = '<div class=\"iicv-user-card\">' +\r\n                        '<div class=\"iicv-user-mark\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>' +\r\n                        '<div>' +\r\n                            '<div class=\"iicv-username\">@' + safeUsername + '<\/div>' +\r\n                            (safeFullName ? '<div class=\"iicv-fullname\">' + safeFullName + '<\/div>' : '') +\r\n                        '<\/div>' +\r\n                    '<\/div>';\r\n\r\n                    if (!icons.length) {\r\n                        html += '<div class=\"iicv-error\" style=\"display:block;\">No Instagram icon found for this profile.<\/div>';\r\n                        results.innerHTML = html;\r\n                        return;\r\n                    }\r\n\r\n                    html += '<div class=\"iicv-img-grid\">';\r\n                    icons.forEach(function (item) {\r\n                        html += createIconBlock(item);\r\n                    });\r\n                    html += '<\/div>';\r\n                    results.innerHTML = html;\r\n                } catch (error) {\r\n                    results.innerHTML = '';\r\n                    showError('Could not fetch the Instagram icon. Please check the username and try again.');\r\n                } finally {\r\n                    isLoading = false;\r\n                    fetchBtn.disabled = false;\r\n                    fetchBtn.innerHTML = '<i class=\"fa-solid fa-magnifying-glass\"><\/i> View Icon';\r\n                }\r\n            }\r\n\r\n            async function downloadIcon(url) {\r\n                const filename = 'instagram_icon_' + Date.now() + '.jpg';\r\n\r\n                try {\r\n                    const response = await fetch(url, { mode: 'cors' });\r\n                    const blob = await response.blob();\r\n                    const objectUrl = URL.createObjectURL(blob);\r\n                    const link = document.createElement('a');\r\n                    link.href = objectUrl;\r\n                    link.download = filename;\r\n                    document.body.appendChild(link);\r\n                    link.click();\r\n                    document.body.removeChild(link);\r\n                    setTimeout(function () { URL.revokeObjectURL(objectUrl); }, 1000);\r\n                } catch (error) {\r\n                    window.open(url, '_blank', 'noopener');\r\n                }\r\n            }\r\n\r\n            fetchBtn.addEventListener('click', handleFetch);\r\n\r\n            input.addEventListener('keydown', function (event) {\r\n                if (event.key === 'Enter') {\r\n                    event.preventDefault();\r\n                    handleFetch();\r\n                }\r\n            });\r\n\r\n            results.addEventListener('click', function (event) {\r\n                const downloadBtn = event.target.closest('.iicv-download-btn');\r\n                const openBtn = event.target.closest('.iicv-open-btn');\r\n                const image = event.target.closest('.iicv-profile-img-block img');\r\n\r\n                if (downloadBtn) {\r\n                    downloadIcon(downloadBtn.getAttribute('data-url'));\r\n                    return;\r\n                }\r\n\r\n                if (openBtn) {\r\n                    window.open(openBtn.getAttribute('data-url'), '_blank', 'noopener');\r\n                    return;\r\n                }\r\n\r\n                if (image && image.src) {\r\n                    window.open(image.src, '_blank', 'noopener');\r\n                }\r\n            });\r\n        })();\r\n    <\/script>\r\n<\/div><\/div>\n<\/section>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":5338,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-5573","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/comments?post=5573"}],"version-history":[{"count":1,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5573\/revisions"}],"predecessor-version":[{"id":5866,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5573\/revisions\/5866"}],"up":[{"embeddable":true,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5338"}],"wp:attachment":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/media?parent=5573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}