{"id":5406,"date":"2026-05-25T06:31:38","date_gmt":"2026-05-25T06:31:38","guid":{"rendered":"https:\/\/viiewerr.com\/instagram\/video\/"},"modified":"2026-05-25T08:42:00","modified_gmt":"2026-05-25T08:42:00","slug":"video","status":"publish","type":"page","link":"https:\/\/viiewerr.com\/instagram\/video\/","title":{"rendered":"Instagram Video Viewer"},"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=\"canonical\" href=\"\">\r\n\r\n    <!-- boxicon -->\r\n    <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n    <!-- font -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap\"\r\n        rel=\"stylesheet\">\r\n    <!-- Font awesome -->\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n\r\n\r\n\r\n    <style>\r\n        \/* Instagram Reels Viewer Wrapper Styles *\/\r\n        .ig-rv-wrapper {\r\n            --ig-rv-gradient-1: #f09433;\r\n            --ig-rv-gradient-2: #e6683c;\r\n            --ig-rv-gradient-3: #dc2743;\r\n            --ig-rv-gradient-4: #cc2366;\r\n            --ig-rv-gradient-5: #bc1888;\r\n            --ig-rv-dark-color: #262626;\r\n            --ig-rv-light-color: #FFFFFF;\r\n            --ig-rv-gray-color: #FAFAFA;\r\n            --ig-rv-instagram-gradient: linear-gradient(45deg, var(--ig-rv-gradient-1), var(--ig-rv-gradient-2), var(--ig-rv-gradient-3), var(--ig-rv-gradient-4), var(--ig-rv-gradient-5));\r\n            --ig-rv-instagram-gradient-hover: linear-gradient(45deg, #e08b30, #d85f35, #d1253e, #c32060, #b31682);\r\n            --ig-rv-section-padding: 100px 0;\r\n        }\r\n\r\n        \/* Header Custom style *\/\r\n        .ig-rv-wrapper .navigation-1 {\r\n            background: #ffffff;\r\n            transition: all 0.3s ease;\r\n            font-family: \"Poppins\", sans-serif;\r\n        }\r\n\r\n        .ig-rv-wrapper .navbar {\r\n            padding: 1.5rem 0;\r\n            background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n            border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n            min-height: 80px;\r\n        }\r\n\r\n        .ig-rv-wrapper .navbar-brand img {\r\n            max-height: 60px;\r\n            width: auto;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .navbar-brand:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .ig-rv-wrapper .nav-link {\r\n            color: #1f2a44 !important;\r\n            font-weight: 500;\r\n            font-size: 1.1rem;\r\n            padding: 0.75rem 1.25rem !important;\r\n            position: relative;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .nav-link::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 0;\r\n            height: 2px;\r\n            bottom: 0;\r\n            left: 0;\r\n            background: #d62976;\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .nav-link:hover::after {\r\n            width: 100%;\r\n        }\r\n\r\n        .ig-rv-wrapper .nav-link:hover {\r\n            color: #d62976 !important;\r\n        }\r\n\r\n        .ig-rv-wrapper .cta-btn {\r\n            padding: 14px 30px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);\r\n            color: white !important;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .ig-rv-wrapper .cta-btn:hover {\r\n            background: linear-gradient(45deg, #962fbf, #d62976, #fa7e1e, #feda75, #4f5bd5);\r\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .ig-rv-wrapper .navbar-toggler {\r\n            border: none;\r\n            padding: 0.75rem;\r\n            background-color: rgba(214, 41, 118, 0.1);\r\n            border-radius: 5px;\r\n        }\r\n\r\n        \/* Instagram-style Hero Section *\/\r\n        .ig-rv-wrapper .ig-rv-hero-section {\r\n            padding: var(--ig-rv-section-padding);\r\n            text-align: center;\r\n            background-color: var(--ig-rv-light-color);\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-hero-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-hero-section .ig-rv-hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1.5rem;\r\n            background: var(--ig-rv-instagram-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-hero-section .ig-rv-hero-text {\r\n            font-size: 1.25rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 2rem;\r\n            opacity: 0.9;\r\n            font-weight: 300;\r\n            color: #666;\r\n        }\r\n\r\n        \/* Work Process Section with Gradient *\/\r\n        .ig-rv-wrapper .ig-rv-work-process-section {\r\n            padding: var(--ig-rv-section-padding);\r\n            background: var(--ig-rv-instagram-gradient);\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-work-process-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-work-process-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-process-step {\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 16px;\r\n            margin: 15px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-process-step:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(255, 255, 255, 0.15);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: white;\r\n            color: var(--ig-rv-gradient-3);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            margin: 0 auto 20px;\r\n            font-size: 1.5rem;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        \/* Features Section *\/\r\n        .ig-rv-wrapper .ig-rv-features-section {\r\n            padding: var(--ig-rv-section-padding);\r\n            background: white;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-feature-card {\r\n            padding: 40px 30px;\r\n            border-radius: 16px;\r\n            background: white;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n            margin-bottom: 30px;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(0, 0, 0, 0.05);\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 100%;\r\n            background: var(--ig-rv-instagram-gradient);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-feature-card:hover::before {\r\n            width: 100%;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-feature-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n            background: var(--ig-rv-instagram-gradient);\r\n            color: white;\r\n            font-size: 1.8rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-feature-card:hover .ig-rv-feature-icon {\r\n            transform: rotate(15deg) scale(1.1);\r\n            background: var(--ig-rv-instagram-gradient-hover);\r\n        }\r\n\r\n        \/* Why Choose Section *\/\r\n        .ig-rv-wrapper .ig-rv-why-choose-section {\r\n            padding: var(--ig-rv-section-padding);\r\n            background: #f9f9f9;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-why-choose-image {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n            transform: perspective(1000px) rotateY(-5deg);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-why-choose-image:hover {\r\n            transform: perspective(1000px) rotateY(0deg);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-benefit-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 20px;\r\n            padding: 15px;\r\n            border-radius: 12px;\r\n            background: white;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-benefit-item:hover {\r\n            transform: translateX(10px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-benefit-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-right: 15px;\r\n            background: var(--ig-rv-instagram-gradient);\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .ig-rv-wrapper .ig-rv-faq-section {\r\n            padding: var(--ig-rv-section-padding);\r\n            background: white;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-accordion-item {\r\n            border: none;\r\n            border-radius: 12px !important;\r\n            overflow: hidden;\r\n            margin-bottom: 15px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-accordion-button {\r\n            font-weight: 600;\r\n            color: var(--ig-rv-dark-color);\r\n            padding: 20px 25px;\r\n            background: white;\r\n            box-shadow: none;\r\n            border-radius: 12px 12px 0 0 !important;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-accordion-button:not(.collapsed) {\r\n            background: white;\r\n            color: var(--ig-rv-gradient-3);\r\n            box-shadow: none;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-accordion-button:focus {\r\n            box-shadow: none;\r\n            border-color: rgba(220, 39, 67, 0.3);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-accordion-button::after {\r\n            background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='%23dc2743'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'\/%3e%3c\/svg%3e\");\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-accordion-body {\r\n            padding: 25px;\r\n            color: #666;\r\n        }\r\n\r\n        \/* Section Titles *\/\r\n        .ig-rv-wrapper .ig-rv-section-title {\r\n            font-weight: 700;\r\n            color: var(--ig-rv-dark-color);\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 60px;\r\n            height: 4px;\r\n            background: var(--ig-rv-instagram-gradient);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-light-title {\r\n            color: white;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-light-title::after {\r\n            background: white;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-section-subtitle {\r\n            color: #666;\r\n            max-width: 700px;\r\n            margin: 0 auto 3rem;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-light-subtitle {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* Animation *\/\r\n        @keyframes ig-rv-float {\r\n            0% {\r\n                transform: translateY(0px);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-15px);\r\n            }\r\n\r\n            100% {\r\n                transform: translateY(0px);\r\n            }\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-floating-element {\r\n            animation: ig-rv-float 6s ease-in-out infinite;\r\n        }\r\n\r\n        \/* Custom Scrollbar *\/\r\n        .ig-rv-wrapper ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n\r\n        .ig-rv-wrapper ::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n        }\r\n\r\n        .ig-rv-wrapper ::-webkit-scrollbar-thumb {\r\n            background: var(--ig-rv-gradient-3);\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .ig-rv-wrapper ::-webkit-scrollbar-thumb:hover {\r\n            background: var(--ig-rv-gradient-4);\r\n        }\r\n\r\n        \/* Footer Section *\/\r\n        .ig-rv-wrapper .footer-section {\r\n            background: radial-gradient(circle, rgba(16, 33, 120, 1) 0%, rgba(94, 7, 6, 1) 100%);\r\n            color: #fff;\r\n            padding-top: 80px;\r\n            padding-bottom: 80px;\r\n        }\r\n\r\n        .ig-rv-wrapper .footer-logo {\r\n            width: 200px;\r\n            margin-bottom: 10px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .ig-rv-wrapper .footer-description {\r\n            font-size: 14px;\r\n            color: #bbb;\r\n        }\r\n\r\n        .ig-rv-wrapper .footer-heading {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* Quick Links and Tools *\/\r\n        .ig-rv-wrapper .footer-links .footer-link,\r\n        .ig-rv-wrapper .footer-tools .footer-tool {\r\n            color: #bbb;\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .footer-links .footer-link:hover,\r\n        .ig-rv-wrapper .footer-tools .footer-tool:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* Social Icons (Boxicons) *\/\r\n        .ig-rv-wrapper .footer-social .social-icon {\r\n            color: #bbb;\r\n            font-size: 24px;\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper .footer-social .social-icon:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* Footer Copyright Section *\/\r\n        .ig-rv-wrapper .footer-copyright {\r\n            background-color: #1a1a1a;\r\n        }\r\n\r\n        .ig-rv-wrapper .footer-bottom-text {\r\n            font-size: 14px;\r\n            color: #bbb;\r\n        }\r\n\t\t\t\r\n\t\t\t.ig-rv-wrapper .ig-rv-header {\r\n\tposition: relative;\r\n\tbackground: hsla(270, 94%, 25%, 1) !important;\r\n\r\nbackground: linear-gradient(90deg, hsla(270, 94%, 25%, 1) 0%, hsla(158, 94%, 49%, 1) 100%) !important;\r\n\r\nbackground: -moz-linear-gradient(90deg, hsla(270, 94%, 25%, 1) 0%, hsla(158, 94%, 49%, 1) 100%) !important;\r\n\r\nbackground: -webkit-linear-gradient(90deg, hsla(270, 94%, 25%, 1) 0%, hsla(158, 94%, 49%, 1) 100%) !important;\r\n\r\nfilter: progid: DXImageTransform.Microsoft.gradient( startColorstr=\"#42047E\", endColorstr=\"#07F49E\", GradientType=1 ) !important;\r\n\tcolor: var(--light);\r\n\tpadding: 80px 0 100px;\r\n\toverflow: hidden;\r\n\tborder-bottom-left-radius: 30px;\r\n\tborder-bottom-right-radius: 30px;\r\n}\r\n\t\t\t\r\n\t\t\t.ig-rv-wrapper .ig-rv-glass-card {\r\n\tbackground: #e3ffef;\r\n\tbackdrop-filter: blur(16px);\r\n\tborder-radius: var(--border-radius);\r\n\tbox-shadow: var(--card-shadow);\r\n\tpadding: 32px;\r\n\tmargin-bottom: 30px;\r\n\tborder: 1px solid rgba(255, 255, 255, 0.5);\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 10;\r\n}\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 991px) {\r\n            .ig-rv-wrapper {\r\n                --ig-rv-section-padding: 80px 0;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-hero-section .ig-rv-hero-title {\r\n                font-size: 2.8rem;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-process-step::before {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .ig-rv-wrapper {\r\n                --ig-rv-section-padding: 70px 0;\r\n            }\r\n\r\n            .ig-rv-wrapper .navbar {\r\n                min-height: 70px;\r\n            }\r\n\r\n            .ig-rv-wrapper .navbar-collapse {\r\n                background: #ffffff;\r\n                padding: 2rem 1.5rem;\r\n                border-radius: 0 0 12px 12px;\r\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n                max-height: calc(100vh - 70px);\r\n                overflow-y: auto;\r\n            }\r\n\r\n            .ig-rv-wrapper .nav-link {\r\n                color: #1f2a44 !important;\r\n                padding: 1.2rem 1.5rem !important;\r\n                font-size: 1.3rem;\r\n                font-weight: 500;\r\n                border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n                transition: background 0.3s ease, color 0.3s ease;\r\n            }\r\n\r\n            .ig-rv-wrapper .nav-link:hover {\r\n                color: #d62976 !important;\r\n                background: #f8fafc;\r\n            }\r\n\r\n            .ig-rv-wrapper .nav-link::after {\r\n                display: none;\r\n            }\r\n\r\n            .ig-rv-wrapper .cta-btn {\r\n                display: block;\r\n                text-align: center;\r\n                margin: 2rem auto;\r\n                padding: 14px 30px;\r\n                font-size: 1.2rem;\r\n                width: 100%;\r\n                max-width: 300px;\r\n            }\r\n\r\n            .ig-rv-wrapper .navbar-brand img {\r\n                max-height: 50px;\r\n            }\r\n\r\n            .ig-rv-wrapper .navbar-nav {\r\n                margin-top: 1rem;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-hero-section {\r\n                padding: 100px 0 60px;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-hero-section .ig-rv-hero-title {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-hero-section .ig-rv-hero-text {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-section-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .ig-rv-wrapper .footer-logo {\r\n                width: 200px;\r\n            }\r\n\r\n            .ig-rv-wrapper .footer-description {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .ig-rv-wrapper .footer-heading {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .ig-rv-wrapper .footer-link,\r\n            .ig-rv-wrapper .footer-tool {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .ig-rv-wrapper .footer-bottom-text {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n    <!-- tools -->\r\n    <style>\r\n        .ig-rv-wrapper {\r\n            --primary: #ff3d8a;\r\n            --primary-light: #ff72a9;\r\n            --primary-dark: #e01d6b;\r\n            --secondary: #7b5cfa;\r\n            --secondary-light: #a18aff;\r\n            --secondary-dark: #5c3de6;\r\n            --accent: #00d9ff;\r\n            --dark: #151823;\r\n            --light: #ffffff;\r\n            --bg-gradient: linear-gradient(135deg, #7b5cfa, #ff3d8a);\r\n            --bg-gradient-2: linear-gradient(135deg, #00d9ff, #7b5cfa);\r\n            --card-bg: rgba(255, 255, 255, 0.85);\r\n            --card-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n            --font-primary: 'Poppins', sans-serif;\r\n            --font-secondary: 'Inter', sans-serif;\r\n            --border-radius: 16px;\r\n            --transition: all 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .ig-rv-wrapper {\r\n            font-family: var(--font-primary);\r\n            color: var(--dark);\r\n            background-color: #f8f9fc;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .ig-rv-wrapper .ig-rv-header {\r\n            position: relative;\r\n            background: var(--bg-gradient);\r\n            color: var(--light);\r\n            padding: 80px 0 100px;\r\n            overflow: hidden;\r\n            border-bottom-left-radius: 30px;\r\n            border-bottom-right-radius: 30px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-header-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-logo-container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-logo {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            width: 56px;\r\n            height: 56px;\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            backdrop-filter: blur(8px);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-logo svg {\r\n            color: var(--light);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin: 0;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-header-subtitle {\r\n            font-size: 1.2rem;\r\n            font-weight: 400;\r\n            opacity: 0.9;\r\n            margin-top: 8px;\r\n        }\r\n\r\n        \/* Bubble animations *\/\r\n        .ig-rv-wrapper .ig-rv-bubble {\r\n            position: absolute;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 50%;\r\n            animation: ig-rv-float 8s infinite ease-in-out;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-bubble:nth-child(1) {\r\n            width: 120px;\r\n            height: 120px;\r\n            top: -30px;\r\n            left: 10%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-bubble:nth-child(2) {\r\n            width: 80px;\r\n            height: 80px;\r\n            top: 50%;\r\n            right: 15%;\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-bubble:nth-child(3) {\r\n            width: 60px;\r\n            height: 60px;\r\n            bottom: 10%;\r\n            left: 20%;\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-bubble:nth-child(4) {\r\n            width: 100px;\r\n            height: 100px;\r\n            bottom: -20px;\r\n            right: 5%;\r\n            animation-delay: 3s;\r\n        }\r\n\r\n        @keyframes ig-rv-float {\r\n            0% {\r\n                transform: translateY(0) rotate(0);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-20px) rotate(10deg);\r\n            }\r\n\r\n            100% {\r\n                transform: translateY(0) rotate(0);\r\n            }\r\n        }\r\n\r\n        \/* Search section *\/\r\n        .ig-rv-wrapper .ig-rv-search-section {\r\n            margin-top: -50px;\r\n            position: relative;\r\n            z-index: 5;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-glass-card {\r\n            background: var(--card-bg);\r\n            backdrop-filter: blur(16px);\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--card-shadow);\r\n            padding: 32px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-glass-card .ig-rv-card-title {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 10px;\r\n            background: var(--bg-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-search-description {\r\n            margin-bottom: 24px;\r\n            color: rgba(21, 24, 35, 0.7);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-search-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 16px;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .ig-rv-wrapper .ig-rv-search-container {\r\n                flex-direction: row;\r\n            }\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-search-input-wrapper {\r\n            flex-grow: 1;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-search-icon {\r\n            position: absolute;\r\n            left: 16px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: var(--primary);\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-search-input {\r\n            width: 100%;\r\n            padding: 16px 16px 16px 50px;\r\n            border-radius: 12px;\r\n            border: 2px solid rgba(123, 92, 250, 0.3);\r\n            font-family: var(--font-secondary);\r\n            font-size: 1rem;\r\n            transition: var(--transition);\r\n            background: white;\r\n            cursor: text;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-search-input:focus {\r\n            outline: none;\r\n            border-color: var(--secondary);\r\n            box-shadow: 0 0 0 3px rgba(123, 92, 250, 0.2);\r\n            background: white;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-search-input:hover {\r\n            border-color: var(--secondary-light);\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-search-button {\r\n            background: var(--bg-gradient);\r\n            border: none;\r\n            border-radius: 12px;\r\n            color: white;\r\n            padding: 16px 24px;\r\n            font-family: var(--font-primary);\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: var(--transition);\r\n            box-shadow: 0 4px 12px rgba(255, 61, 138, 0.3);\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-search-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 16px rgba(255, 61, 138, 0.4);\r\n        }\r\n\r\n        \/* Results section *\/\r\n        .ig-rv-wrapper .ig-rv-results-section {\r\n            margin: 40px 0;\r\n            display: none;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-results-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 24px;\r\n            flex-wrap: wrap;\r\n            gap: 16px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-results-header .ig-rv-results-title {\r\n            font-size: 1.8rem;\r\n            background: var(--bg-gradient-2);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-results-controls {\r\n            display: flex;\r\n            gap: 16px;\r\n            align-items: center;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-view-mode {\r\n            display: flex;\r\n            background: rgba(255, 255, 255, 0.8);\r\n            border-radius: 10px;\r\n            padding: 4px;\r\n            border: 1px solid rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-view-button {\r\n            padding: 8px 12px;\r\n            border: none;\r\n            background: transparent;\r\n            cursor: pointer;\r\n            border-radius: 8px;\r\n            color: var(--dark);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-view-button.active {\r\n            background: var(--secondary);\r\n            color: white;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-sort-button {\r\n            background: rgba(255, 255, 255, 0.8);\r\n            border: 1px solid rgba(0, 0, 0, 0.05);\r\n            border-radius: 10px;\r\n            padding: 8px 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            cursor: pointer;\r\n            font-family: var(--font-primary);\r\n            font-size: 0.9rem;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-sort-button:hover {\r\n            background: rgba(255, 255, 255, 1);\r\n        }\r\n\r\n        \/* Reels container *\/\r\n        .ig-rv-wrapper .ig-rv-reels-container {\r\n            display: grid;\r\n            gap: 30px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reels-container.grid {\r\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reels-container.list {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reel-card {\r\n            background: var(--card-bg);\r\n            border-radius: var(--border-radius);\r\n            overflow: hidden;\r\n            transition: var(--transition);\r\n            box-shadow: var(--card-shadow);\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            display: flex;\r\n            flex-direction: column;\r\n            animation: ig-rv-fadeIn 0.5s ease forwards;\r\n            opacity: 0;\r\n            position: relative;\r\n        }\r\n\r\n        @keyframes ig-rv-fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reels-container.list .ig-rv-reel-card {\r\n            display: grid;\r\n            grid-template-columns: 320px 1fr;\r\n            gap: 24px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .ig-rv-wrapper .ig-rv-reels-container.list .ig-rv-reel-card {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-video-container {\r\n            position: relative;\r\n            width: 100%;\r\n            padding-bottom: 177.77%;\r\n            \/* 16:9 aspect ratio *\/\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reels-container.list .ig-rv-video-container {\r\n            padding-bottom: 100%;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-video {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            top: 0;\r\n            left: 0;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reel-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.2);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 1;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-video:playing+.ig-rv-reel-overlay {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-play-button {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border: none;\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            color: white;\r\n            backdrop-filter: blur(4px);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-play-button:hover {\r\n            background: rgba(255, 255, 255, 0.4);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reel-details {\r\n            padding: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 16px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reel-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-author-avatar {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            object-fit: cover;\r\n            border: 2px solid var(--primary);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-author-info {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-author-name {\r\n            font-weight: 600;\r\n            margin-right: 4px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-verified-badge {\r\n            color: var(--secondary);\r\n            font-size: 14px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reel-caption {\r\n            font-size: 0.95rem;\r\n            color: rgba(21, 24, 35, 0.8);\r\n            line-height: 1.6;\r\n            display: -webkit-box;\r\n            -webkit-box-orient: vertical;\r\n            -webkit-line-clamp: 1;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: normal;\r\n            max-height: 1.6em;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reel-stats {\r\n            display: flex;\r\n            gap: 20px;\r\n            color: rgba(21, 24, 35, 0.7);\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-stat {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reel-actions {\r\n            display: flex;\r\n            gap: 12px;\r\n            padding: 0 20px 20px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-action-button {\r\n            flex: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            padding: 10px;\r\n            border-radius: 10px;\r\n            border: none;\r\n            font-family: var(--font-primary);\r\n            font-weight: 500;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            text-decoration: none;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-download {\r\n            background: var(--bg-gradient);\r\n            color: white;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-share {\r\n            background: rgba(0, 0, 0, 0.05);\r\n            color: var(--dark);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-download:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(255, 61, 138, 0.3);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-download:disabled {\r\n            opacity: 0.7;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-download:disabled:hover {\r\n            transform: none;\r\n            box-shadow: 0 4px 12px rgba(255, 61, 138, 0.3);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-download-spinner {\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-top: 2px solid white;\r\n            border-radius: 50%;\r\n            animation: ig-rv-spin 1s linear infinite;\r\n            margin-right: 8px;\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-action-button.ig-rv-download:disabled {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-share:hover {\r\n            background: rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-reel-time {\r\n            position: absolute;\r\n            top: 10px;\r\n            right: 10px;\r\n            background: rgba(0, 0, 0, 0.6);\r\n            color: white;\r\n            font-size: 0.75rem;\r\n            padding: 4px 8px;\r\n            border-radius: 6px;\r\n        }\r\n\r\n        \/* Pagination *\/\r\n        .ig-rv-wrapper .ig-rv-pagination {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 16px;\r\n            margin: 40px 0;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-pagination-button {\r\n            background: var(--light);\r\n            border: 1px solid rgba(0, 0, 0, 0.1);\r\n            border-radius: 10px;\r\n            padding: 10px 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            cursor: pointer;\r\n            font-family: var(--font-primary);\r\n            font-weight: 500;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-pagination-button:hover:not(:disabled) {\r\n            background: var(--secondary-light);\r\n            color: white;\r\n            border-color: transparent;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-pagination-button:disabled {\r\n            opacity: 0.5;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-pagination-dots {\r\n            display: flex;\r\n            gap: 6px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            background: rgba(0, 0, 0, 0.1);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-dot.active {\r\n            background: var(--primary);\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        \/* Loading overlay *\/\r\n        .ig-rv-wrapper .ig-rv-loading-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(255, 255, 255, 0.8);\r\n            backdrop-filter: blur(8px);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 999;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\t\t\t\r\n\t\t\t.ig-rv-wrapper .ig-rv-hero-title {\r\n\tfont-size: 3.5rem;\r\n\tfont-weight: 700;\r\n\tmargin: 0;\r\n\tcolor: white;\r\n}\r\n\r\n        .ig-rv-wrapper .ig-rv-loading-overlay.active {\r\n            opacity: 1;\r\n            pointer-events: all;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-loader-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 30px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-loader-circle {\r\n            width: 60px;\r\n            height: 60px;\r\n            border: 4px solid rgba(123, 92, 250, 0.3);\r\n            border-top: 4px solid var(--secondary);\r\n            border-radius: 50%;\r\n            animation: ig-rv-spin 1s linear infinite;\r\n        }\r\n\r\n        @keyframes ig-rv-spin {\r\n            0% {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            100% {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-loader-card {\r\n            width: 300px;\r\n            background: white;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--card-shadow);\r\n            padding: 20px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton-card {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 16px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton {\r\n            background: linear-gradient(90deg, #f0f0f0, #f8f8f8, #f0f0f0);\r\n            background-size: 200% 100%;\r\n            animation: ig-rv-skeleton-loading 1.5s infinite;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton.video {\r\n            height: 160px;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton.avatar {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton.text-line {\r\n            height: 12px;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton.text-line.short {\r\n            width: 60%;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton-actions {\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton.button {\r\n            height: 36px;\r\n            flex: 1;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-skeleton.button.small {\r\n            flex: 0.5;\r\n        }\r\n\r\n        @keyframes ig-rv-skeleton-loading {\r\n            0% {\r\n                background-position: 200% 0;\r\n            }\r\n\r\n            100% {\r\n                background-position: -200% 0;\r\n            }\r\n        }\r\n\r\n        \/* Error and empty states *\/\r\n        .ig-rv-wrapper .ig-rv-error-message {\r\n            text-align: center;\r\n            padding: 40px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 20px;\r\n            color: rgba(21, 24, 35, 0.7);\r\n        }\r\n\t\t\t.ig-rv-wrapper .ig-rv-container {\r\n\tmax-width: 1400px;\r\n\tmargin: 0 auto;\r\n\tpadding: 20px;\r\n}\r\n\t\t\t\r\n\t\t\t.ig-rv-wrapper .ig-rv-glass-card {\r\n\tbackground: #eff9f3 !important;\r\n\tbackdrop-filter: blur(16px);\r\n\tborder-radius: var(--border-radius);\r\n\tbox-shadow: var(--card-shadow);\r\n\tpadding: 32px;\r\n\tmargin-bottom: 30px;\r\n\tborder: 1px solid rgba(255, 255, 255, 0.5);\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 10;\r\n}\r\n\r\n        .ig-rv-wrapper .ig-rv-no-reels {\r\n            text-align: center;\r\n            padding: 60px;\r\n            color: rgba(21, 24, 35, 0.7);\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        \/* Responsive adjustments *\/\r\n        @media (max-width: 768px) {\r\n            .ig-rv-wrapper .ig-rv-header {\r\n                padding: 60px 0 80px;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-hero-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-glass-card {\r\n                padding: 24px 16px;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-results-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-reels-container.grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-modal-card {\r\n                padding: 20px 16px;\r\n                margin: 20px;\r\n            }\r\n\r\n            .ig-rv-wrapper #ig-rv-modal-video {\r\n                max-width: 100%;\r\n                min-width: 280px;\r\n                min-height: 180px;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-modal-actions {\r\n                flex-direction: column;\r\n                gap: 12px;\r\n            }\r\n\r\n            .ig-rv-wrapper #ig-rv-modal-download,\r\n            .ig-rv-wrapper #ig-rv-modal-share {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\t\t\t\t\t.ig-rv-wrapper .ig-rv-logo-container {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tmargin-bottom: 20px;\r\n\tgap: 12px;\r\n\tflex-direction: column;\r\n}\r\n        }\r\n\r\n        \/* Ensure fullscreen modal is hidden by default *\/\r\n        .ig-rv-wrapper #ig-rv-fullscreen-modal {\r\n            position: fixed;\r\n            z-index: 1500;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            background: rgba(21, 24, 35, 0.7);\r\n            backdrop-filter: blur(8px);\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-fullscreen-modal.active {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-modal-card {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            background: rgba(40, 42, 55, 0.98);\r\n            border-radius: 24px;\r\n            box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            position: relative;\r\n            box-sizing: border-box;\r\n            padding: 0;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-modal-video-container {\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            padding: 24px 24px 0 24px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-modal-video {\r\n            width: 100%;\r\n            aspect-ratio: 16\/9;\r\n            background: black;\r\n            border-radius: 16px;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);\r\n            display: block;\r\n            max-width: 100%;\r\n            height: auto;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-close-modal {\r\n            position: absolute;\r\n            top: 18px;\r\n            right: 18px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border: none;\r\n            color: white;\r\n            font-size: 1.7rem;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            backdrop-filter: blur(10px);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-close-modal:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-modal-play-overlay {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            background: rgba(0, 0, 0, 0.8);\r\n            border-radius: 50%;\r\n            width: 100px;\r\n            height: 100px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            z-index: 5;\r\n            border: 2px solid rgba(255, 255, 255, 0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-modal-play-overlay:hover {\r\n            background: rgba(0, 0, 0, 0.9);\r\n            transform: translate(-50%, -50%) scale(1.1);\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-modal-duration {\r\n            position: absolute;\r\n            bottom: 16px;\r\n            left: 16px;\r\n            color: white;\r\n            background: rgba(0, 0, 0, 0.7);\r\n            padding: 6px 12px;\r\n            border-radius: 8px;\r\n            font-size: 0.9rem;\r\n            z-index: 2;\r\n            display: none;\r\n            backdrop-filter: blur(10px);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .ig-rv-wrapper .ig-rv-modal-actions {\r\n            margin-top: 28px;\r\n            display: flex;\r\n            gap: 18px;\r\n            justify-content: center;\r\n            width: 100%;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-modal-download {\r\n            padding: 14px 32px;\r\n            background: var(--bg-gradient);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            box-shadow: 0 8px 25px rgba(255, 61, 138, 0.3);\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-modal-download:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 12px 35px rgba(255, 61, 138, 0.4);\r\n        }\r\n\t\t\t.ig-rv-wrapper .ig-rv-results-controls {\r\n\tdisplay: flex;\r\n\tgap: 16px;\r\n\talign-items: center;\r\n\tflex-direction: column;\r\n}\r\n\t\t\t.ig-rv-wrapper .ig-rv-reel-actions {\r\n\tdisplay: flex;\r\n\tgap: 12px;\r\n\tpadding: 0 20px 20px;\r\n\tflex-direction: column;\r\n}\r\n\t\t\t.ig-rv-wrapper .ig-rv-reel-author {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 12px;\r\n\tflex-direction: column;\r\n}\r\n\r\n        .ig-rv-wrapper #ig-rv-modal-share {\r\n            padding: 14px 24px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            color: white;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-radius: 12px;\r\n            font-size: 1.1rem;\r\n            font-weight: 500;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            backdrop-filter: blur(10px);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-modal-share:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .ig-rv-wrapper #ig-rv-toast {\r\n            position: fixed;\r\n            bottom: 40px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            background: var(--bg-gradient);\r\n            color: white;\r\n            padding: 18px 36px;\r\n            border-radius: 16px;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n            font-family: var(--font-primary);\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n            z-index: 2000;\r\n            display: none;\r\n            align-items: center;\r\n            gap: 14px;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            opacity: 0;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .ig-rv-wrapper .ig-rv-modal-card {\r\n                max-width: 98vw;\r\n                border-radius: 12px;\r\n            }\r\n\r\n            .ig-rv-wrapper .ig-rv-modal-video-container {\r\n                padding: 12px 2vw 0 2vw;\r\n            }\r\n\t\t\t\t\t.ig-rv-wrapper .ig-rv-logo-container {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tmargin-bottom: 20px;\r\n\tgap: 12px;\r\n\tflex-direction: column;\r\n}\r\n\t\t\t\t\t.ig-rv-wrapper .ig-rv-results-controls {\r\n\tdisplay: flex;\r\n\tgap: 16px;\r\n\talign-items: center;\r\n\tflex-direction: column;\r\n}\r\n\t\t\t\t\t.ig-rv-wrapper .ig-rv-reel-actions {\r\n\tdisplay: flex;\r\n\tgap: 12px;\r\n\tpadding: 0 20px 20px;\r\n\tflex-direction: column;\r\n}\r\n\t\t\t\t\t.ig-rv-wrapper .ig-rv-reel-author {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 12px;\r\n\tflex-direction: column;\r\n}\r\n        }\r\n    <\/style>\r\n\r\n\r\n<body data-aos-easing=\"ease-in-out\" data-aos-duration=\"800\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1249.0\"\r\n    data-gr-ext-installed=\"\" data-new-gr-c-s-loaded=\"14.1223.0\" class=\"\" style=\"\">\r\n\r\n    <!-- Here is tools sefction start -->\r\n    <section class=\"pb-5\">\r\n        <div class=\"ig-rv-wrapper\">\r\n            <div class=\"ig-rv-container\">\r\n                <header class=\"ig-rv-header\">\r\n                    <div class=\"ig-rv-bubble\"><\/div>\r\n                    <div class=\"ig-rv-bubble\"><\/div>\r\n                    <div class=\"ig-rv-bubble\"><\/div>\r\n                    <div class=\"ig-rv-bubble\"><\/div>\r\n                    <div class=\"ig-rv-header-content ig-rv-container\">\r\n                        <div class=\"ig-rv-logo-container\">\r\n                            <div class=\"ig-rv-logo\">\r\n                                <svg viewBox=\"0 0 24 24\" width=\"40\" height=\"40\">\r\n                                    <path fill=\"currentColor\"\r\n                                        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm0 10a2 2 0 110 4 2 2 0 010-4zm0-8a4 4 0 110 8 4 4 0 010-8z\">\r\n                                    <\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <h1 class=\"ig-rv-hero-title\">Instagram Video Viewer<\/h1>\r\n                        <\/div>\r\n                        <p class=\"ig-rv-header-subtitle\">Watch and download Instagram Video anonymously\u2014no login required<\/p>\r\n                    <\/div>\r\n                <\/header>\r\n\r\n                <main class=\"ig-rv-container\">\r\n                    <section class=\"ig-rv-search-section\">\r\n                        <div class=\"ig-rv-glass-card\">\r\n                            <h2 class=\"ig-rv-card-title\">Find Your Video<\/h2>\r\n                            <p class=\"ig-rv-search-description\">Enter an Instagram username or paste a direct link to explore\r\n                                reels\r\n                            <\/p>\r\n\r\n                            <form id=\"ig-rv-search-form\">\r\n                                <div class=\"ig-rv-search-container\">\r\n                                    <div class=\"ig-rv-search-input-wrapper\">\r\n                                        <div class=\"ig-rv-search-icon\">\r\n                                            <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n                                                <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                    d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                        <input type=\"text\" id=\"ig-rv-search-input\"\r\n                                            placeholder=\"Instagram @username or profile url\" required=\"\">\r\n                                    <\/div>\r\n                                    <button type=\"submit\" id=\"ig-rv-search-button\">\r\n                                        <span>Explore<\/span>\r\n                                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                                            <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\r\n                                        <\/svg>\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/form>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <section class=\"ig-rv-results-section\" id=\"ig-rv-results-section\" style=\"display: none;\">\r\n                        <div class=\"ig-rv-results-header\">\r\n                            <h2 class=\"ig-rv-results-title\">Reels Collection<\/h2>\r\n                            <div class=\"ig-rv-results-controls\">\r\n                                <div class=\"ig-rv-view-mode\">\r\n                                    <button class=\"ig-rv-view-button active\" data-view=\"grid\">\r\n                                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                                            <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" fill=\"none\" stroke=\"currentColor\"\r\n                                                stroke-width=\"2\"><\/rect>\r\n                                            <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" fill=\"none\" stroke=\"currentColor\"\r\n                                                stroke-width=\"2\"><\/rect>\r\n                                            <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" fill=\"none\" stroke=\"currentColor\"\r\n                                                stroke-width=\"2\"><\/rect>\r\n                                            <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" fill=\"none\" stroke=\"currentColor\"\r\n                                                stroke-width=\"2\"><\/rect>\r\n                                        <\/svg>\r\n                                    <\/button>\r\n                                    <button class=\"ig-rv-view-button\" data-view=\"list\">\r\n                                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                                            <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                            <\/line>\r\n                                            <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                            <\/line>\r\n                                            <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                            <\/line>\r\n                                        <\/svg>\r\n                                    <\/button>\r\n                                <\/div>\r\n                                <div class=\"ig-rv-sort-filter\">\r\n                                    <button class=\"ig-rv-sort-button\">\r\n                                        <span>Latest First<\/span>\r\n                                        <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\r\n                                            <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M6 9l6 6 6-6\">\r\n                                            <\/path>\r\n                                        <\/svg>\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"ig-rv-reels-container grid\" id=\"ig-rv-reels-container\"><\/div>\r\n                    <\/section>\r\n\r\n                    <div class=\"ig-rv-pagination\" id=\"ig-rv-pagination\" style=\"display: none;\">\r\n                        <button class=\"ig-rv-pagination-button prev\" disabled=\"\">\r\n                            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                                <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M15 18l-6-6 6-6\"><\/path>\r\n                            <\/svg>\r\n                            Previous\r\n                        <\/button>\r\n                        <div class=\"ig-rv-pagination-dots\" id=\"ig-rv-pagination-dots\">\r\n                            <span class=\"ig-rv-dot active\"><\/span>\r\n                        <\/div>\r\n                        <button class=\"ig-rv-pagination-button next\" disabled=\"\">\r\n                            Next\r\n                            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                                <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M9 18l6-6-6-6\"><\/path>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/main>\r\n\r\n                <div class=\"ig-rv-loading-overlay\" id=\"ig-rv-loading-overlay\">\r\n                    <div class=\"ig-rv-loader-container\">\r\n                        <div class=\"ig-rv-loader-circle\"><\/div>\r\n                        <div class=\"ig-rv-loader-card\">\r\n                            <div class=\"ig-rv-skeleton-card\">\r\n                                <div class=\"ig-rv-skeleton video\"><\/div>\r\n                                <div class=\"ig-rv-skeleton avatar\"><\/div>\r\n                                <div class=\"ig-rv-skeleton text-line\"><\/div>\r\n                                <div class=\"ig-rv-skeleton text-line short\"><\/div>\r\n                                <div class=\"ig-rv-skeleton-actions\">\r\n                                    <div class=\"ig-rv-skeleton button\"><\/div>\r\n                                    <div class=\"ig-rv-skeleton button small\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Fullscreen Modal -->\r\n            <div id=\"ig-rv-fullscreen-modal\">\r\n                <div class=\"ig-rv-modal-card\">\r\n                    <button id=\"ig-rv-close-modal\">\u00d7<\/button>\r\n                    <div class=\"ig-rv-modal-video-container\">\r\n                        <video id=\"ig-rv-modal-video\" controls=\"\"><\/video>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Toast Notification -->\r\n            <div id=\"ig-rv-toast\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/circle>\r\n                    <path d=\"M8 12l2 2 4-4\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/path>\r\n                <\/svg>\r\n                <span id=\"ig-rv-toast-message\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n    <!-- IG Reels  Viewer js -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\r\n\t     <script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n<script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n    <script>\r\n        $(document).ready(function () {\r\n            const form = $('#ig-rv-search-form');\r\n            const searchInput = $('#ig-rv-search-input');\r\n            const resultsSection = $('#ig-rv-results-section');\r\n            const reelsContainer = $('#ig-rv-reels-container');\r\n            const loadingOverlay = $('#ig-rv-loading-overlay');\r\n            const paginationElement = $('#ig-rv-pagination');\r\n            const paginationDots = $('#ig-rv-pagination-dots');\r\n            const prevButton = $('.ig-rv-pagination-button.prev');\r\n            const nextButton = $('.ig-rv-pagination-button.next');\r\n\r\n            \/\/ Initially hide results\r\n            resultsSection.hide();\r\n            paginationElement.hide();\r\n\r\n            \/\/ Toggle view mode\r\n            $('.ig-rv-view-button').on('click', function () {\r\n                $('.ig-rv-view-button').removeClass('active');\r\n                $(this).addClass('active');\r\n\r\n                const viewMode = $(this).data('view');\r\n                reelsContainer.removeClass('grid list').addClass(viewMode);\r\n            });\r\n\r\n            \/\/ Handle form submission\r\n            form.on('submit', function (e) {\r\n                e.preventDefault();\r\n                const input = searchInput.val().trim();\r\n                if (!input) return;\r\n\r\n                \/\/ Show loading state\r\n                loadingOverlay.addClass('active');\r\n\r\n                try {\r\n                    const formData = new FormData();\r\n\r\n                    const isInstagramUrl = \/^https?:\\\/\\\/(www\\.)?instagram\\.com\\\/\/i.test(input);\r\n                    const isReelUrl = \/instagram\\.com\\\/(reel|reels|p)\\\/\/i.test(input);\r\n\r\n                    if (isInstagramUrl) {\r\n                        if (isReelUrl) {\r\n                            \/\/ It's a reel or post URL\r\n                            formData.append('url', input);\r\n                        } else {\r\n                            \/\/ It's a profile URL - extract username\r\n                            const match = input.match(\/instagram\\.com\\\/([a-zA-Z0-9_.-]+)\/i);\r\n                            const username = match ? match[1] : null;\r\n\r\n                            if (username) {\r\n                                formData.append('profile', username);\r\n                            } else {\r\n                                alert('Invalid Instagram profile URL');\r\n                                loadingOverlay.removeClass('active');\r\n                                return;\r\n                            }\r\n                        }\r\n                    } else {\r\n                        \/\/ Assume it's a plain username or @username\r\n                        const username = input.replace(\/^@\/, '');\r\n                        formData.append('profile', username);\r\n                    }\r\n\r\n                    \/\/ AJAX request to the API\r\n                    $.ajax({\r\n                        url: 'https:\/\/tools.xrespond.com\/api\/instagram\/media\/reels',\r\n                        method: 'POST',\r\n                        data: formData,\r\n                        processData: false,\r\n                        contentType: false,\r\n                        success: function (response) {\r\n                            \/\/ Process the response\r\n                            if (response && response.status === 'success' && response.data && response.data.data) {\r\n                                displayReels(response.data.data);\r\n                                resultsSection.show();\r\n                                paginationElement.show();\r\n\r\n                                \/\/ Scroll to results\r\n                                resultsSection[0].scrollIntoView({ behavior: 'smooth' });\r\n                            } else {\r\n                                reelsContainer.html(`<div class=\"error-message\">\r\n                                 <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n                                     <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                     <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                     <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                 <\/svg>\r\n                                 <p>Failed to fetch reels. Please check the username or URL and try again.<\/p>\r\n                             <\/div>`);\r\n                                resultsSection.show();\r\n                            }\r\n                        },\r\n                        error: function (xhr) {\r\n                            console.error('Error fetching reels:', xhr.responseText);\r\n                            reelsContainer.html(`<div class=\"error-message\">\r\n                             <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n                                 <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                 <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                 <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                             <\/svg>\r\n                             <p>Server error occurred. Please try again later.<\/p>\r\n                         <\/div>`);\r\n                            resultsSection.show();\r\n                        },\r\n                        complete: function () {\r\n                            \/\/ Hide loading state\r\n                            loadingOverlay.removeClass('active');\r\n                        }\r\n                    });\r\n                } catch (error) {\r\n                    console.error('Error in form submission:', error);\r\n                    loadingOverlay.removeClass('active');\r\n                }\r\n            });\r\n\r\n            let currentlyPlaying = null;\r\n            const fullscreenModal = $('#ig-rv-fullscreen-modal');\r\n            const modalVideo = $('#ig-rv-modal-video')[0];\r\n            const modalDownload = $('#ig-rv-modal-download');\r\n            const closeModal = $('#ig-rv-close-modal');\r\n            const modalPlayOverlay = $('#ig-rv-modal-play-overlay');\r\n            const modalShare = $('#ig-rv-modal-share');\r\n            const toast = $('#ig-rv-toast');\r\n            const toastMsg = $('#ig-rv-toast-message');\r\n            let modalVideoUrl = '';\r\n\r\n            function showToast(message) {\r\n                toastMsg.text(message);\r\n                toast.css('opacity', '1').show();\r\n                setTimeout(() => {\r\n                    toast.css('opacity', '0');\r\n                    setTimeout(() => toast.hide(), 300);\r\n                }, 3000);\r\n            }\r\n\r\n            function downloadVideo(url, filename = 'reel.mp4', buttonElement = null) {\r\n                \/\/ Show loading state if button is provided\r\n                if (buttonElement) {\r\n                    const originalContent = buttonElement.html();\r\n                    buttonElement.html(`\r\n                        <div class=\"download-spinner\"><\/div>\r\n                        <span>Downloading...<\/span>\r\n                    `);\r\n                    buttonElement.prop('disabled', true);\r\n\r\n                    \/\/ Store original content for restoration\r\n                    buttonElement.data('original-content', originalContent);\r\n                }\r\n\r\n                fetch(url)\r\n                    .then(resp => resp.blob())\r\n                    .then(blob => {\r\n                        const a = document.createElement('a');\r\n                        a.href = URL.createObjectURL(blob);\r\n                        a.download = filename;\r\n                        document.body.appendChild(a);\r\n                        a.click();\r\n                        setTimeout(() => {\r\n                            URL.revokeObjectURL(a.href);\r\n                            document.body.removeChild(a);\r\n                        }, 100);\r\n                        showToast('Download started!');\r\n                    })\r\n                    .catch(() => showToast('Download failed.'))\r\n                    .finally(() => {\r\n                        \/\/ Restore button state if button is provided\r\n                        if (buttonElement) {\r\n                            buttonElement.html(buttonElement.data('original-content'));\r\n                            buttonElement.prop('disabled', false);\r\n                        }\r\n                    });\r\n            }\r\n\r\n            \/\/ Modal logic\r\n            $(modalDownload).on('click', function () {\r\n                if (modalVideoUrl) downloadVideo(modalVideoUrl, 'reel.mp4', $(this));\r\n            });\r\n\r\n            \/\/ Modal share button\r\n            $(modalShare).on('click', function () {\r\n                if (modalVideoUrl) {\r\n                    if (navigator.share) {\r\n                        navigator.share({\r\n                            title: 'Instagram Reel',\r\n                            url: modalVideoUrl\r\n                        }).catch(err => console.error('Share failed:', err));\r\n                    } else {\r\n                        \/\/ Fallback: copy to clipboard\r\n                        navigator.clipboard.writeText(modalVideoUrl).then(() => {\r\n                            showToast('Video URL copied to clipboard!');\r\n                        }).catch(() => {\r\n                            prompt('Copy this link to share:', modalVideoUrl);\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n\r\n            \/\/ Modal video event handlers\r\n            $(modalVideo).on('play', function () {\r\n                modalPlayOverlay.hide();\r\n            });\r\n\r\n            $(modalVideo).on('pause', function () {\r\n                modalPlayOverlay.show();\r\n            });\r\n\r\n            \/\/ Click to play overlay\r\n            modalPlayOverlay.on('click', function () {\r\n                modalVideo.play();\r\n            });\r\n\r\n            \/\/ Click video to play\/pause\r\n            $(modalVideo).on('click', function () {\r\n                if (modalVideo.paused) {\r\n                    modalVideo.play();\r\n                } else {\r\n                    modalVideo.pause();\r\n                }\r\n            });\r\n\r\n            function closeModalHandler() {\r\n                fullscreenModal.removeClass('active');\r\n                setTimeout(() => {\r\n                    modalVideo.pause();\r\n                    modalVideo.src = '';\r\n                    modalPlayOverlay.show();\r\n                }, 300);\r\n            }\r\n\r\n            $(closeModal).on('click', closeModalHandler);\r\n            $(fullscreenModal).on('click', function (e) {\r\n                if (e.target === this) closeModalHandler();\r\n            });\r\n\r\n            function displayReels(data) {\r\n                reelsContainer.empty();\r\n\r\n                if (data.items && data.items.length > 0) {\r\n                    \/\/ Update pagination\r\n                    updatePagination(1, Math.ceil(data.items.length \/ 8));\r\n\r\n                    \/\/ Display reels\r\n                    $.each(data.items, function (index, reel) {\r\n                        const thumbnail = reel.image_versions?.items?.[0]?.url || '';\r\n                        const caption = reel.caption?.text || 'No caption';\r\n                        const username = reel.user?.username || '';\r\n                        const profilePic = reel.user?.profile_pic_url || '';\r\n                        const views = reel.play_count || reel.view_count || 0;\r\n                        const likes = reel.like_count || 0;\r\n                        const isVerified = reel.user?.is_verified;\r\n                        const videoUrl = reel.video_url_original || '';\r\n\r\n                        const reelCard = $(`\r\n                         <div class=\"ig-rv-reel-card\">\r\n                             <div class=\"ig-rv-video-container\">\r\n                                 <video class=\"ig-rv-video\" poster=\"${thumbnail}\" preload=\"none\">\r\n                                     <source src=\"${videoUrl}\" type=\"video\/mp4\">\r\n                                 <\/video>\r\n                                 <div class=\"ig-rv-reel-overlay\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;\">\r\n                                     <span class=\"overlay-time-ago\" style=\"position:absolute;top:16px;left:16px;color:white;background:rgba(0,0,0,0.5);padding:4px 10px;border-radius:6px;font-size:0.95rem;z-index:2;\"><\/span>\r\n                                     <span class=\"video-duration\" style=\"position:absolute;left:16px;bottom:16px;color:white;background:rgba(0,0,0,0.5);padding:4px 10px;border-radius:6px;font-size:0.95rem;z-index:2;display:none;\"><\/span>\r\n                                     <button class=\"ig-rv-play-button\" style=\"z-index:2;\">\r\n                                         <span class=\"play-icon\" style=\"display:flex;\">\r\n                                             <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n                                                 <polygon points=\"5 3 19 12 5 21 5 3\" fill=\"currentColor\"\/>\r\n                                             <\/svg>\r\n                                         <\/span>\r\n                                         <span class=\"pause-icon\" style=\"display:none;\">\r\n                                             <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n                                                 <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" fill=\"currentColor\"\/>\r\n                                                 <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" fill=\"currentColor\"\/>\r\n                                             <\/svg>\r\n                                         <\/span>\r\n                                     <\/button>\r\n                                     <button class=\"fullscreen-button\" style=\"position:absolute;top:16px;right:16px;background:rgba(255,255,255,0.2);border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;backdrop-filter:blur(4px);z-index:2;\">\r\n                                         <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                                             <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M3 9V3h6M21 15v6h-6M3 15v6h6M21 9V3h-6\"\/>\r\n                                         <\/svg>\r\n                                     <\/button>\r\n                                 <\/div>\r\n                             <\/div>\r\n                             <div class=\"ig-rv-reel-details\">\r\n                                 <div class=\"ig-rv-reel-author\">\r\n                                     <img decoding=\"async\" src=\"${profilePic}\" alt=\"${username}\" class=\"ig-rv-author-avatar\">\r\n                                     <div class=\"ig-rv-author-info\">\r\n                                         <span class=\"ig-rv-author-name\">${username}<\/span>\r\n                                         ${isVerified ? '<span class=\"ig-rv-verified-badge\">\u2713<\/span>' : ''}\r\n                                     <\/div>\r\n                                 <\/div>\r\n                                 <p class=\"ig-rv-reel-caption\">${caption}<\/p>\r\n                                 <div class=\"ig-rv-reel-stats\">\r\n                                     <span class=\"ig-rv-stat views\">\r\n                                         <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\r\n                                             <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n                                             <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                         <\/svg>\r\n                                         ${formatNumber(views)}\r\n                                     <\/span>\r\n                                     <span class=\"ig-rv-stat likes\">\r\n                                         <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\r\n                                             <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n                                         <\/svg>\r\n                                         ${formatNumber(likes)}\r\n                                     <\/span>\r\n                                 <\/div>\r\n                             <\/div>\r\n                             <div class=\"ig-rv-reel-actions\">\r\n                                 <button class=\"ig-rv-action-button ig-rv-download\" data-url=\"${videoUrl}\">\r\n                                     <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                                         <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3\"\/>\r\n                                     <\/svg>\r\n                                     Download\r\n                                 <\/button>\r\n                                 <button class=\"ig-rv-action-button ig-rv-share\" data-url=\"${videoUrl}\">\r\n                                     <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                                         <circle cx=\"18\" cy=\"5\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                         <circle cx=\"6\" cy=\"12\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                         <circle cx=\"18\" cy=\"19\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                         <line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                         <line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                     <\/svg>\r\n                                     Share\r\n                                 <\/button>\r\n                             <\/div>\r\n                         <\/div>\r\n                     `);\r\n\r\n                        reelsContainer.append(reelCard);\r\n\r\n                        \/\/ Play\/Pause logic\r\n                        const playButton = reelCard.find('.ig-rv-play-button');\r\n                        const playIcon = playButton.find('.play-icon');\r\n                        const pauseIcon = playButton.find('.pause-icon');\r\n                        const videoElement = reelCard.find('.ig-rv-video')[0];\r\n                        playButton.on('click', function () {\r\n                            if (videoElement.paused) {\r\n                                \/\/ Pause any other playing video\r\n                                if (currentlyPlaying && currentlyPlaying !== videoElement) {\r\n                                    currentlyPlaying.pause();\r\n                                    $(currentlyPlaying).closest('.ig-rv-reel-card').find('.play-icon').show();\r\n                                    $(currentlyPlaying).closest('.ig-rv-reel-card').find('.pause-icon').hide();\r\n                                }\r\n                                videoElement.play();\r\n                            } else {\r\n                                videoElement.pause();\r\n                            }\r\n                        });\r\n                        videoElement.onplay = function () {\r\n                            if (currentlyPlaying && currentlyPlaying !== videoElement) {\r\n                                currentlyPlaying.pause();\r\n                                $(currentlyPlaying).closest('.ig-rv-reel-card').find('.play-icon').show();\r\n                                $(currentlyPlaying).closest('.ig-rv-reel-card').find('.pause-icon').hide();\r\n                            }\r\n                            currentlyPlaying = videoElement;\r\n                            playIcon.hide();\r\n                            pauseIcon.show();\r\n                        };\r\n                        videoElement.onpause = function () {\r\n                            playIcon.show();\r\n                            pauseIcon.hide();\r\n                        };\r\n                        \/\/ Pause video if out of view (optional, for better UX)\r\n                        $(window).on('scroll', function () {\r\n                            if (currentlyPlaying) {\r\n                                const rect = currentlyPlaying.getBoundingClientRect();\r\n                                if (rect.bottom < 0 || rect.top > window.innerHeight) {\r\n                                    currentlyPlaying.pause();\r\n                                }\r\n                            }\r\n                        });\r\n\r\n                        \/\/ Download logic\r\n                        const downloadButton = reelCard.find('.ig-rv-action-button.ig-rv-download');\r\n                        downloadButton.on('click', function () {\r\n                            downloadVideo(videoUrl, `${username}_reel.mp4`, $(this));\r\n                        });\r\n\r\n                        \/\/ Fullscreen logic (modal only shows on click)\r\n                        const fullscreenButton = reelCard.find('.fullscreen-button');\r\n                        fullscreenButton.on('click', function () {\r\n                            console.log('Opening modal with video:', videoUrl);\r\n                            modalVideoUrl = videoUrl;\r\n\r\n                            \/\/ Set video source and show modal\r\n                            modalVideo.src = videoUrl;\r\n                            modalVideo.poster = thumbnail;\r\n                            modalPlayOverlay.show();\r\n\r\n                            \/\/ Remove any existing event handlers to prevent loops\r\n                            modalVideo.oncanplay = null;\r\n                            modalVideo.onerror = null;\r\n\r\n                            fullscreenModal.addClass('active');\r\n\r\n                            setTimeout(() => {\r\n                                console.log('Modal opened, loading video...');\r\n\r\n                                \/\/ Load the video\r\n                                modalVideo.load();\r\n\r\n                                \/\/ Try to play when video is ready\r\n                                modalVideo.oncanplay = function () {\r\n                                    console.log('Video can play, attempting to start...');\r\n                                    \/\/ Remove the handler to prevent multiple calls\r\n                                    modalVideo.oncanplay = null;\r\n                                    modalVideo.currentTime = 0;\r\n                                    modalVideo.play().then(() => {\r\n                                        console.log('Video started playing');\r\n                                        modalPlayOverlay.hide();\r\n                                        modalVideo.focus();\r\n                                    }).catch(err => {\r\n                                        console.log('Autoplay failed, showing play button:', err);\r\n                                        modalPlayOverlay.show();\r\n                                    });\r\n                                };\r\n\r\n                                \/\/ Error handling\r\n                                modalVideo.onerror = function () {\r\n\r\n                                    modalVideo.onerror = null;\r\n\r\n                                };\r\n\r\n                                \/\/ Fallback if video doesn't load\r\n                                setTimeout(() => {\r\n                                    if (modalVideo.readyState === 0) {\r\n                                        console.log('Video not loaded, showing play button');\r\n                                        modalPlayOverlay.show();\r\n                                    }\r\n                                }, 3000);\r\n                            }, 100);\r\n                        });\r\n\r\n                        \/\/ Handle share button\r\n                        const shareButton = reelCard.find('.ig-rv-action-button.ig-rv-share');\r\n                        shareButton.on('click', function () {\r\n                            const url = $(this).data('url');\r\n                            if (navigator.share) {\r\n                                navigator.share({ title: 'Instagram Reel', url: url })\r\n                                    .catch(err => console.error('Share failed:', err));\r\n                            } else {\r\n                                prompt('Copy this link to share:', url);\r\n                            }\r\n                        });\r\n\r\n                        \/\/ Set time-ago in overlay\r\n                        const overlayTimeAgo = reelCard.find('.overlay-time-ago');\r\n                        overlayTimeAgo.text(getRelativeTime(reel.taken_at));\r\n\r\n                        \/\/ Show video duration in overlay\r\n                        const durationSpan = reelCard.find('.video-duration');\r\n                        videoElement.onloadedmetadata = function () {\r\n                            if (videoElement.duration && !isNaN(videoElement.duration)) {\r\n                                durationSpan.text(formatDuration(videoElement.duration)).show();\r\n                            }\r\n                        };\r\n                    });\r\n                } else {\r\n                    reelsContainer.html('<div class=\"no-reels\">No reels found. Please try another input.<\/div>');\r\n                }\r\n            }\r\n\r\n            function updatePagination(currentPage, totalPages) {\r\n                paginationDots.empty();\r\n\r\n                for (let i = 1; i <= totalPages; i++) {\r\n                    const dot = $('<span>')\r\n                        .addClass('dot' + (i === currentPage ? ' active' : ''))\r\n                        .data('page', i);\r\n                    paginationDots.append(dot);\r\n                }\r\n\r\n                prevButton.prop('disabled', currentPage === 1);\r\n                nextButton.prop('disabled', currentPage === totalPages);\r\n            }\r\n\r\n            function formatNumber(num) {\r\n                if (num >= 1000000) {\r\n                    return (num \/ 1000000).toFixed(1) + 'M';\r\n                }\r\n                if (num >= 1000) {\r\n                    return (num \/ 1000).toFixed(1) + 'K';\r\n                }\r\n                return num.toString();\r\n            }\r\n\r\n            function getRelativeTime(timestamp) {\r\n                const now = Math.floor(Date.now() \/ 1000);\r\n                const diff = now - parseInt(timestamp || 0);\r\n\r\n                if (diff < 60) return 'Just now';\r\n                if (diff < 3600) return `${Math.floor(diff \/ 60)} minute${diff >= 120 ? 's' : ''} ago`;\r\n                if (diff < 86400) return `${Math.floor(diff \/ 3600)} hour${diff >= 7200 ? 's' : ''} ago`;\r\n                if (diff < 2592000) return `${Math.floor(diff \/ 86400)} day${diff >= 172800 ? 's' : ''} ago`;\r\n                if (diff < 31536000) return `${Math.floor(diff \/ 2592000)} month${diff >= 5184000 ? 's' : ''} ago`;\r\n                return `${Math.floor(diff \/ 31536000)} year${diff >= 63072000 ? 's' : ''} ago`;\r\n            }\r\n\r\n            function formatDuration(seconds) {\r\n                seconds = Math.floor(seconds);\r\n                const m = Math.floor(seconds \/ 60);\r\n                const s = seconds % 60;\r\n                return `${m}:${s.toString().padStart(2, '0')}`;\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n\r\n<\/div>\n<div class=\"tc-wp-tool-content\"><div class=\"wpc-scope-47\">\n<div class=\"tc-wp-content-root\" data-tc-wp-scope=\"1\" style=\"max-width:100%;box-sizing:border-box;isolation:isolate;min-width:0;position:relative;\">\n<div class=\"vd\">\n<div class=\"vd-inner\">\n<div class=\"vd-hb\" style=\"margin-top: 4rem;\"><\/div>\n<\/div><section class=\"vd-sec vd-bg-wh\" aria-labelledby=\"vd-h1\">\n<div class=\"vd-inner\">\n<div class=\"vd-hb\">\n<h2 id=\"vd-h1\">How <span class=\"vd-gx\">Instagram Video Viewer<\/span> Works<\/h2>\n<p>Watch any Instagram video in full quality with our fast and private video viewing platform.<\/p>\n<\/div>\n<div class=\"vd-g3\" data-vd-grid=\"g1\">\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16\"\/><\/svg>\n<\/div>\n<h3>Video Playback<\/h3>\n<p>Watch any Instagram video in full quality with smooth seamless playback and no interruptions, giving you an uninterrupted viewing experience without the buffering delays common on the official platform.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n<\/div>\n<h3>HD Streaming<\/h3>\n<p>Enjoy videos in original high definition with crisp detail rich colors and optimal bitrate, ensuring you experience content exactly as the creator intended without compression artifacts or quality degradation.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\"\/><line x1=\"18\" y1=\"8\" x2=\"23\" y2=\"13\"\/><line x1=\"23\" y1=\"8\" x2=\"18\" y2=\"13\"\/><\/svg>\n<\/div>\n<h3>No Login<\/h3>\n<p>Watch public videos without an Instagram account or any form of authentication required, removing all access barriers so you can view content freely without sharing personal information or credentials.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n<\/div>\n<h3>Save Videos<\/h3>\n<p>Download videos directly to your device with one click for offline viewing and archiving, building a personal video library that you can access anytime without relying on an internet connection.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n<\/div>\n<h3>Search Videos<\/h3>\n<p>Find videos by username or hashtag with smart search and instant results delivery, making content discovery fast and efficient whether you are looking for specific creators or trending topics.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"\/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"\/><\/svg>\n<\/div>\n<h3>Playlist View<\/h3>\n<p>Watch videos continuously in sequence with automatic playback and smooth transitions, creating an immersive viewing experience similar to a curated playlist for extended content consumption sessions.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"vd-sec vd-bg-ow\" aria-labelledby=\"vd-h2\">\n<div class=\"vd-inner\">\n<div class=\"vd-hb\">\n<h2 id=\"vd-h2\">Key Benefits of <span class=\"vd-gx\">Instagram Video Viewer<\/span><\/h2>\n<p>Discover why thousands of users trust our platform for private and unlimited video watching.<\/p>\n<\/div>\n<div class=\"vd-g4\" data-vd-grid=\"g2\">\n<article class=\"vd-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n<\/div>\n<div class=\"vd-cb-body\">\n<h3>Private Viewing<\/h3>\n<p>Watch videos without being detected no trace left behind and complete viewing anonymity always.<\/p>\n<\/div>\n<\/article>\n<article class=\"vd-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 12c-2-2.67-5.33-4-8-4a4 4 0 1 0 0 8c2.67 0 6-1.33 8-4Zm0 0c2 2.67 5.33 4 8 4a4 4 0 1 0 0-8c-2.67 0-6 1.33-8 4Z\"\/><\/svg>\n<\/div>\n<div class=\"vd-cb-body\">\n<h3>Unlimited Watch<\/h3>\n<p>No limits on videos watched daily watch as much content as you want without any restrictions.<\/p>\n<\/div>\n<\/article>\n<article class=\"vd-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n<\/div>\n<div class=\"vd-cb-body\">\n<h3>Free Access<\/h3>\n<p>All video features at no cost no premium tiers subscriptions or hidden fees of any kind.<\/p>\n<\/div>\n<\/article>\n<article class=\"vd-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10\"\/><\/svg>\n<\/div>\n<div class=\"vd-cb-body\">\n<h3>Quick Buffer<\/h3>\n<p>Optimized for fast video loading with minimal buffering and instant playback start every time.<\/p>\n<\/div>\n<\/article>\n<article class=\"vd-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"8\" height=\"8\"\/><rect x=\"14\" y=\"2\" width=\"8\" height=\"8\"\/><rect x=\"2\" y=\"14\" width=\"8\" height=\"8\"\/><rect x=\"14\" y=\"14\" width=\"8\" height=\"8\"\/><\/svg>\n<\/div>\n<div class=\"vd-cb-body\">\n<h3>All Formats<\/h3>\n<p>Supports reels posts and IGTV videos so you can watch any video type Instagram offers.<\/p>\n<\/div>\n<\/article>\n<article class=\"vd-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\n<\/div>\n<div class=\"vd-cb-body\">\n<h3>No Login<\/h3>\n<p>Skip authentication completely no sign-up required for accessing and watching any public video.<\/p>\n<\/div>\n<\/article>\n<article class=\"vd-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n<\/div>\n<div class=\"vd-cb-body\">\n<h3>Mobile Ready<\/h3>\n<p>Works perfectly on any device with responsive design optimized for phones tablets and desktops.<\/p>\n<\/div>\n<\/article>\n<article class=\"vd-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg>\n<\/div>\n<div class=\"vd-cb-body\">\n<h3>Regular Updates<\/h3>\n<p>Video features improve constantly with new capabilities added based on user feedback and requests.<\/p>\n<\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"vd-sec vd-bg-wh\" aria-labelledby=\"vd-h3\">\n<div class=\"vd-inner\">\n<div class=\"vd-hb\">\n<h2 id=\"vd-h3\">Best Use Case of <span class=\"vd-gx\">Instagram Video Viewer<\/span><\/h2>\n<p>Explore real-world scenarios where our video viewer delivers the most value and impact.<\/p>\n<\/div>\n<div class=\"vd-g3\" data-vd-grid=\"g3\">\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"\/><\/svg>\n<\/div>\n<h3>Content Research<\/h3>\n<p>Study video content strategies from top creators and understand what makes videos perform well, identifying patterns in video length, pacing, hooks, and calls to action that drive audience engagement.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n<\/div>\n<h3>Trend Analysis<\/h3>\n<p>Track viral video patterns and emerging content formats across different niches and industries, staying ahead of content trends by identifying early signals of what is resonating with audiences.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n<\/div>\n<h3>Competitor Intel<\/h3>\n<p>Monitor competitor video performance to refine your strategy and stay ahead in your market, learning from their most and least successful content to continuously improve your own video production approach.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14\"\/><\/svg>\n<\/div>\n<h3>Creative Ideas<\/h3>\n<p>Gather video format inspiration from successful creators and apply proven techniques to your content, accelerating your creative growth by building on established formats that already resonate with viewers.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"\/><path d=\"M22 12A10 10 0 0 0 12 2v10z\"\/><\/svg>\n<\/div>\n<h3>Audience Insights<\/h3>\n<p>See which videos perform best in your niche and understand what your target audience prefers, using real performance data to guide your content decisions rather than relying on guesswork or assumptions.<\/p>\n<\/article>\n<article class=\"vd-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"vd-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n<\/div>\n<h3>Market Research<\/h3>\n<p>Analyze video trends in your niche to make data-driven decisions and optimize your content plan, ensuring your video strategy is grounded in market realities rather than subjective opinions about what might work.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<\/div>\n<noscript><\/noscript>\n<\/div>\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-5406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5406","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=5406"}],"version-history":[{"count":1,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5406\/revisions"}],"predecessor-version":[{"id":5503,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5406\/revisions\/5503"}],"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=5406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}