{"id":258,"date":"2025-09-13T08:10:50","date_gmt":"2025-09-13T08:10:50","guid":{"rendered":"https:\/\/viewri.com\/?page_id=258"},"modified":"2025-12-29T08:51:00","modified_gmt":"2025-12-29T08:51:00","slug":"description","status":"publish","type":"page","link":"https:\/\/viewri.com\/youtube\/description\/","title":{"rendered":"YouTube Description Viewer"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Global reset - scoped to prevent conflicts *\/\r\n        .ytdv-wrapper * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        \/* Main wrapper - replaces body styling *\/\r\n        .ytdv-wrapper {\r\n            font-family: 'Inter', sans-serif;\r\n            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n            color: #ffffff;\r\n            min-height: 100vh;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .ytdv-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n        \r\n        \/* Header *\/\r\n        .ytdv-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            padding: 30px 0;\r\n        }\r\n        \r\n        .ytdv-logo-container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .ytdv-logo {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: #ffffff;\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .ytdv-youtube-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            fill: #ff0000;\r\n        }\r\n        \r\n        .ytdv-title {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #ffffff, #f1f2f6);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .ytdv-subtitle {\r\n            font-size: 1rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        \/* Input Section *\/\r\n        .ytdv-input-section {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .ytdv-input-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .ytdv-input-group {\r\n            display: flex;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .ytdv-input-field {\r\n            flex: 1;\r\n            padding: 14px 18px !important;\r\n            border: 2px solid rgba(255, 255, 255, 0.2) !important;\r\n            border-radius: 12px !important;\r\n            background: rgba(255, 255, 255, 0.1) !important;\r\n            color: #ffffff !important;\r\n            font-size: 14px !important;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n        }\r\n        \r\n        .ytdv-input-field:focus {\r\n            outline: none;\r\n            border-color: #ffffff;\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n        \r\n        .ytdv-input-field::placeholder {\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n        \r\n        .ytdv-btn {\r\n            padding: 14px 20px;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Inter', sans-serif;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .ytdv-btn-paste {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            color: white;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .ytdv-btn-paste:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .ytdv-btn-find {\r\n            background: #ffffff;\r\n            color: #1e3c72;\r\n            width: 100%;\r\n            justify-content: center;\r\n            padding: 16px;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);\r\n        }\r\n        \r\n        .ytdv-btn-find:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);\r\n        }\r\n        \r\n        .ytdv-btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n            transform: none !important;\r\n        }\r\n        \r\n        .ytdv-btn-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: currentColor;\r\n        }\r\n        \r\n        \/* Loading *\/\r\n        .ytdv-loading {\r\n            display: none;\r\n            text-align: center;\r\n            padding: 40px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n        \r\n        .ytdv-loading-spinner {\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 3px solid rgba(255, 255, 255, 0.3);\r\n            border-top: 3px solid #ffffff;\r\n            border-radius: 50%;\r\n            animation: ytdv-spin 1s linear infinite;\r\n            margin: 0 auto 20px;\r\n        }\r\n        \r\n        .ytdv-loading-text {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            color: white;\r\n        }\r\n        \r\n        \/* Results *\/\r\n        .ytdv-results {\r\n            display: none;\r\n        }\r\n        \r\n        .ytdv-video-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        \/* Video Header *\/\r\n        .ytdv-video-header {\r\n            padding: 25px;\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n        \r\n        .ytdv-thumbnail-container {\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            aspect-ratio: 16\/9;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .ytdv-thumbnail {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        \r\n        .ytdv-video-info .ytdv-video-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            line-height: 1.3;\r\n        }\r\n        \r\n        .ytdv-channel-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 15px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .ytdv-channel-avatar {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: #ffffff;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ytdv-channel-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: #ff0000;\r\n        }\r\n        \r\n        .ytdv-channel-details .ytdv-channel-name {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n        \r\n        .ytdv-channel-link {\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .ytdv-channel-link:hover {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n        \r\n        .ytdv-verified-text {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.85rem;\r\n        }\r\n        \r\n        \/* Stats Grid *\/\r\n        .ytdv-stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n            gap: 15px;\r\n        }\r\n        \r\n        .ytdv-stat-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            padding: 15px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ytdv-stat-card:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .ytdv-stat-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            margin: 0 auto 8px;\r\n            padding: 6px;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ytdv-stat-card.ytdv-views .ytdv-stat-icon {\r\n            background: #ffffff;\r\n        }\r\n        \r\n        .ytdv-stat-card.ytdv-likes .ytdv-stat-icon {\r\n            background: #ffffff;\r\n        }\r\n        \r\n        .ytdv-stat-card.ytdv-published .ytdv-stat-icon {\r\n            background: #ffffff;\r\n        }\r\n        \r\n        .ytdv-stat-icon svg {\r\n            width: 12px;\r\n            height: 12px;\r\n            fill: #1e3c72;\r\n        }\r\n        \r\n        .ytdv-stat-label {\r\n            font-size: 0.75rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 4px;\r\n        }\r\n        \r\n        .ytdv-stat-value {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: white;\r\n        }\r\n        \r\n        \/* Description Section *\/\r\n        .ytdv-description-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .ytdv-section-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 20px;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .ytdv-section-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .ytdv-section-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: #ffffff;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ytdv-section-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: #1e3c72;\r\n        }\r\n        \r\n        .ytdv-section-title-text .ytdv-section-heading {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n        \r\n        .ytdv-section-title-text .ytdv-section-subheading {\r\n            font-size: 0.85rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n        \r\n        .ytdv-copy-btn {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            color: white;\r\n            border: none;\r\n            padding: 10px 16px;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .ytdv-copy-btn:hover {\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .ytdv-copy-btn.ytdv-copied {\r\n            background: rgba(255, 255, 255, 0.3);\r\n        }\r\n        \r\n        .ytdv-copy-icon {\r\n            width: 14px;\r\n            height: 14px;\r\n            fill: currentColor;\r\n        }\r\n        \r\n        .ytdv-description-content {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n            border-left: 4px solid #ffffff;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.6;\r\n            font-size: 0.9rem;\r\n            white-space: pre-wrap;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        \/* Captions Section *\/\r\n        .ytdv-captions-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .ytdv-captions-icon {\r\n            background: #ffffff;\r\n        }\r\n        \r\n        .ytdv-captions-content {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n            border-left: 4px solid #ffffff;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .ytdv-caption-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 10px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ytdv-caption-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #ffffff;\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .ytdv-caption-label {\r\n            color: #ffffff;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .ytdv-caption-value {\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n        \r\n        \/* Error State *\/\r\n        .ytdv-error {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .ytdv-error-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .ytdv-error .ytdv-error-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .ytdv-error .ytdv-error-message {\r\n            font-size: 0.95rem;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .ytdv-error .ytdv-error-details {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.85rem;\r\n        }\r\n        \r\n        \/* Features Grid *\/\r\n        .ytdv-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n            gap: 15px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .ytdv-feature-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 12px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ytdv-feature-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .ytdv-feature-icon {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 8px;\r\n            display: block;\r\n        }\r\n        \r\n        .ytdv-feature-text {\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            color: white;\r\n        }\r\n        \r\n        \/* Animations *\/\r\n        @keyframes ytdv-spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n        \r\n        \/* Custom Scrollbar - scoped to wrapper *\/\r\n        .ytdv-wrapper ::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n        \r\n        .ytdv-wrapper ::-webkit-scrollbar-track {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        .ytdv-wrapper ::-webkit-scrollbar-thumb {\r\n            background: #ffffff;\r\n            border-radius: 3px;\r\n        }\r\n\t\t\t\r\n\t\t\t.ytdv-btn-find {\r\n\tbackground: #dce7fd;\r\n\tcolor: #1e3c72;\r\n\twidth: 100%;\r\n\tjustify-content: center;\r\n\tpadding: 16px;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tbox-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);\r\n}\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .ytdv-container {\r\n                max-width: 90%;\r\n                padding: 15px;\r\n            }\r\n            \r\n            .ytdv-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .ytdv-input-section {\r\n                padding: 25px;\r\n            }\r\n            \r\n            .ytdv-video-header {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .ytdv-stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .ytdv-container {\r\n                max-width: 95%;\r\n                padding: 10px;\r\n            }\r\n            \r\n            .ytdv-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .ytdv-input-group {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .ytdv-input-section,\r\n            .ytdv-loading,\r\n            .ytdv-error {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .ytdv-video-header,\r\n            .ytdv-description-section,\r\n            .ytdv-captions-section {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .ytdv-section-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n            \r\n            .ytdv-stats-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .ytdv-features-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        @media (max-width: 600px) {\r\n            .ytdv-container {\r\n                padding: 8px;\r\n            }\r\n            \r\n            .ytdv-title {\r\n                font-size: 1.6rem;\r\n            }\r\n            \r\n            .ytdv-logo-container {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n            \r\n            .ytdv-btn-find {\r\n                padding: 14px;\r\n                font-size: 15px;\r\n            }\r\n            \r\n            .ytdv-features-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 10px;\r\n            }\r\n            \r\n            .ytdv-feature-card {\r\n                padding: 15px;\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        @media (max-width: 400px) {\r\n            .ytdv-container {\r\n                padding: 5px;\r\n            }\r\n            \r\n            .ytdv-title {\r\n                font-size: 1.4rem;\r\n            }\r\n            \r\n            .ytdv-header {\r\n                padding: 20px 0;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .ytdv-input-section {\r\n                padding: 15px;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .ytdv-input-title {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .ytdv-btn {\r\n                padding: 12px 16px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .ytdv-features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        @media (max-width: 375px) {\r\n            .ytdv-title {\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .ytdv-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .ytdv-input-section {\r\n                padding: 12px;\r\n            }\r\n            \r\n            .ytdv-input-field {\r\n                padding: 12px 15px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .ytdv-btn {\r\n                padding: 10px 14px;\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .ytdv-stats-grid {\r\n                gap: 10px;\r\n            }\r\n            \r\n            .ytdv-stat-card {\r\n                padding: 12px;\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        \/* Search Again Button *\/\r\n        .ytdv-search-again-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            text-align: center;\r\n        }\r\n        \r\n        .ytdv-btn-search-again {\r\n            background: #ffffff;\r\n            color: #1e3c72;\r\n            border: none;\r\n            padding: 14px 24px;\r\n            border-radius: 12px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);\r\n        }\r\n\t\t\t\r\n\t\t\t\r\n        \r\n        .ytdv-btn-search-again:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);\r\n        }\r\n        \r\n        .ytdv-search-again-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: currentColor;\r\n        }\r\n\t\t\t\r\n\t\t\t\r\n    <\/style>\r\n\r\n    <div class=\"ytdv-wrapper\">\r\n        <div class=\"ytdv-container\">\r\n            <!-- Header -->\r\n            <div class=\"ytdv-header\">\r\n                <div class=\"ytdv-logo-container\">\r\n                    <div class=\"ytdv-logo\">\r\n                        <svg class=\"ytdv-youtube-icon\" viewBox=\"0 0 24 24\">\r\n                            <path\r\n                                d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <h1 class=\"ytdv-title\">YouTube Description Viewer<\/h1>\r\n                        <p class=\"ytdv-subtitle\">Extract video descriptions instantly<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Features Grid -->\r\n                <div class=\"ytdv-features-grid\">\r\n                    <div class=\"ytdv-feature-card\">\r\n                        <span class=\"ytdv-feature-icon\">\u26a1<\/span>\r\n                        <p class=\"ytdv-feature-text\">Fast<\/p>\r\n                    <\/div>\r\n                    <div class=\"ytdv-feature-card\">\r\n                        <span class=\"ytdv-feature-icon\">\ud83d\udd12<\/span>\r\n                        <p class=\"ytdv-feature-text\">Secure<\/p>\r\n                    <\/div>\r\n                    <div class=\"ytdv-feature-card\">\r\n                        <span class=\"ytdv-feature-icon\">\ud83d\udcf1<\/span>\r\n                        <p class=\"ytdv-feature-text\">Mobile<\/p>\r\n                    <\/div>\r\n                    <div class=\"ytdv-feature-card\">\r\n                        <span class=\"ytdv-feature-icon\">\ud83c\udd93<\/span>\r\n                        <p class=\"ytdv-feature-text\">Free<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Input Section -->\r\n            <div class=\"ytdv-input-section\">\r\n                <h3 class=\"ytdv-input-title\">Enter YouTube URL<\/h3>\r\n                <div class=\"ytdv-input-group\">\r\n                    <input type=\"text\" id=\"ytdv-videoInput\" class=\"ytdv-input-field\"\r\n                        placeholder=\"Paste YouTube URL here...\">\r\n                    <button class=\"ytdv-btn ytdv-btn-paste\" onclick=\"pasteFromClipboard()\">\r\n                        <svg class=\"ytdv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path\r\n                                d=\"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z\" \/>\r\n                        <\/svg>\r\n                        Paste\r\n                    <\/button>\r\n                <\/div>\r\n                <button class=\"ytdv-btn ytdv-btn-find\" onclick=\"findDescription()\">\r\n                    <svg class=\"ytdv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M9.5,3L8,6.5H4.5L7.91,9.91L6.5,16.5L9.5,14L12.5,16.5L11.09,9.91L14.5,6.5H11L9.5,3Z\" \/>\r\n                    <\/svg>\r\n                    Extract Description\r\n                <\/button>\r\n            <\/div>\r\n            <!-- Loading State -->\r\n            <div class=\"ytdv-loading\" id=\"ytdv-loading\">\r\n                <div class=\"ytdv-loading-spinner\"><\/div>\r\n                <p class=\"ytdv-loading-text\">Processing your request...<\/p>\r\n            <\/div>\r\n            <!-- Results Container -->\r\n            <div class=\"ytdv-results\" id=\"ytdv-results\">\r\n                <!-- Results will be populated here -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  \r\n[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;50px||50px||true|false&#8221; sticky_enabled=&#8221;0&#8243; locked=&#8221;off&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>\r\n        \/* Prefixed CSS Variables *\/\r\n        :root {\r\n            --yt-desc-primary: #FF0000;\r\n            --yt-desc-secondary: #282828;\r\n            --yt-desc-accent: #f1f1f1;\r\n            --yt-desc-text-dark: #030303;\r\n            --yt-desc-text-light: #606060;\r\n            --yt-desc-bg-light: #f9f9f9;\r\n            --yt-desc-border-light: #e5e5e5;\r\n            --yt-desc-success: #34a853;\r\n            --yt-desc-warning: #fbbc05;\r\n        }\r\n        \r\n\r\n        \r\n        \/* Prefixed Section Styles *\/\r\n        .yt-desc-section {\r\n            padding: 80px 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .yt-desc-section-heading {\r\n            font-size: 2.75rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            text-align: center;\r\n        }\r\n        \r\n        .yt-desc-section-description {\r\n            font-size: 1.25rem;\r\n            color: var(--yt-desc-text-light);\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 3rem;\r\n        }\r\n        \r\n        \/* Prefixed Hero Section *\/\r\n        #yt-desc-hero {\r\n            background: linear-gradient(135deg, rgba(255, 0, 0, 0.9), rgba(40, 40, 40, 0.95));\r\n            color: white;\r\n            padding: 120px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        #yt-desc-hero::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-image: \r\n                radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);\r\n        }\r\n        \r\n        .yt-desc-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .yt-desc-hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .yt-desc-hero-subtitle {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 3rem;\r\n            opacity: 0.95;\r\n            font-weight: 400;\r\n        }\r\n        \r\n        .yt-desc-btn-hero {\r\n            padding: 14px 32px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            margin: 0 10px 10px 0;\r\n        }\r\n        \r\n        .yt-desc-btn-primary-hero {\r\n            background-color: white;\r\n            color: var(--yt-desc-primary);\r\n            border: none;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .yt-desc-btn-primary-hero:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n            color: var(--yt-desc-primary);\r\n        }\r\n        \r\n        .yt-desc-btn-secondary-hero {\r\n            background-color: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n        \r\n        .yt-desc-btn-secondary-hero:hover {\r\n            background-color: white;\r\n            color: var(--yt-desc-primary);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .yt-desc-url-container {\r\n            max-width: 700px;\r\n            margin: 3rem auto 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .yt-desc-url-input {\r\n            width: 100%;\r\n            padding: 18px 60px 18px 25px;\r\n            border-radius: 50px;\r\n            border: none;\r\n            font-size: 1.1rem;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            font-family: 'Fira Sans', sans-serif;\r\n        }\r\n        \r\n        .yt-desc-url-btn {\r\n            position: absolute;\r\n            right: 8px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background-color: var(--yt-desc-primary);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 45px;\r\n            height: 45px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.2rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .yt-desc-url-btn:hover {\r\n            background-color: var(--yt-desc-secondary);\r\n            transform: translateY(-50%) scale(1.05);\r\n        }\r\n        \r\n        .yt-desc-floating-icon {\r\n            position: absolute;\r\n            opacity: 0.15;\r\n            animation: float 15s infinite ease-in-out;\r\n            color: white;\r\n        }\r\n        \r\n        .yt-desc-floating-icon:nth-child(1) {\r\n            top: 15%;\r\n            left: 10%;\r\n            font-size: 40px;\r\n            animation-delay: 0s;\r\n        }\r\n        \r\n        .yt-desc-floating-icon:nth-child(2) {\r\n            top: 60%;\r\n            right: 10%;\r\n            font-size: 60px;\r\n            animation-delay: 2s;\r\n        }\r\n        \r\n        .yt-desc-floating-icon:nth-child(3) {\r\n            bottom: 15%;\r\n            left: 20%;\r\n            font-size: 50px;\r\n            animation-delay: 5s;\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n            }\r\n            50% {\r\n                transform: translateY(-20px) rotate(10deg);\r\n            }\r\n        }\r\n        \r\n        .yt-desc-mockup {\r\n            max-width: 600px;\r\n            margin: 3rem auto 0;\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 16px;\r\n            padding: 20px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n        \r\n        .yt-desc-video-preview {\r\n            position: relative;\r\n            padding-bottom: 56.25%;\r\n            height: 0;\r\n            background-color: rgba(0,0,0,0.2);\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .yt-desc-video-preview::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: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6));\r\n        }\r\n        \r\n        .yt-desc-play-icon {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 60px;\r\n            height: 60px;\r\n            background-color: rgba(255, 0, 0, 0.8);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 24px;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .yt-desc-description-box {\r\n            background-color: rgba(255, 255, 255, 0.9);\r\n            border-radius: 8px;\r\n            padding: 15px;\r\n            color: var(--yt-desc-text-dark);\r\n            font-size: 0.9rem;\r\n            max-height: 120px;\r\n            overflow-y: auto;\r\n        }\r\n        \r\n        .yt-desc-description-box::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n        \r\n        .yt-desc-description-box::-webkit-scrollbar-track {\r\n            background: rgba(0,0,0,0.1);\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        .yt-desc-description-box::-webkit-scrollbar-thumb {\r\n            background: rgba(0,0,0,0.3);\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        \/* Prefixed How It Works Section *\/\r\n        #yt-desc-how-it-works {\r\n            background-color: var(--yt-desc-bg-light);\r\n        }\r\n        \r\n        .yt-desc-steps-container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .yt-desc-step-card {\r\n            background-color: white;\r\n            border-radius: 16px;\r\n            padding: 40px 30px;\r\n            height: 100%;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n            border: 1px solid var(--yt-desc-border-light);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .yt-desc-step-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, var(--yt-desc-primary), var(--yt-desc-secondary));\r\n        }\r\n        \r\n        .yt-desc-step-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .yt-desc-step-number {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 60px;\r\n            height: 60px;\r\n            background-color: var(--yt-desc-primary);\r\n            color: white;\r\n            border-radius: 50%;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .yt-desc-step-icon {\r\n            font-size: 3rem;\r\n            color: var(--yt-desc-primary);\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .yt-desc-step-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--yt-desc-text-dark);\r\n        }\r\n        \r\n        .yt-desc-step-description {\r\n            font-size: 1.1rem;\r\n            color: var(--yt-desc-text-light);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .yt-desc-loading-animation {\r\n            display: inline-block;\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 3px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            border-top-color: white;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-left: 10px;\r\n            vertical-align: middle;\r\n        }\r\n        \r\n        @keyframes spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n        \r\n        \/* Prefixed Features Section *\/\r\n        .yt-desc-features-container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .yt-desc-feature-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 20px;\r\n            padding: 20px;\r\n            background-color: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .yt-desc-feature-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .yt-desc-feature-icon {\r\n            font-size: 2rem;\r\n            color: var(--yt-desc-primary);\r\n            margin-right: 20px;\r\n            min-width: 40px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .yt-desc-feature-content {\r\n            flex: 1;\r\n        }\r\n        \r\n        .yt-desc-feature-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n            color: var(--yt-desc-text-dark);\r\n        }\r\n        \r\n        .yt-desc-feature-description {\r\n            font-size: 1rem;\r\n            color: var(--yt-desc-text-light);\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        \/* Prefixed Why Use Section *\/\r\n        #yt-desc-why {\r\n            background-color: var(--yt-desc-bg-light);\r\n        }\r\n        \r\n        .yt-desc-why-container {\r\n            display: flex;\r\n            align-items: center;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            background-color: white;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        .yt-desc-why-visual {\r\n            flex: 1;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80') center\/cover;\r\n            min-height: 400px;\r\n            position: relative;\r\n        }\r\n        \r\n        .yt-desc-why-visual::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.5);\r\n            backdrop-filter: blur(3px);\r\n        }\r\n        \r\n        .yt-desc-why-content {\r\n            flex: 1;\r\n            padding: 40px;\r\n        }\r\n        \r\n        .yt-desc-why-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            color: var(--yt-desc-text-dark);\r\n        }\r\n        \r\n        .yt-desc-why-list {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .yt-desc-why-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 15px;\r\n            font-size: 1.1rem;\r\n            color: var(--yt-desc-text-light);\r\n        }\r\n        \r\n        .yt-desc-why-icon {\r\n            color: var(--yt-desc-primary);\r\n            margin-right: 15px;\r\n            font-size: 1.2rem;\r\n            margin-top: 3px;\r\n        }\r\n        \r\n        \/* Prefixed FAQ Section *\/\r\n        #yt-desc-faq {\r\n            background-color: var(--yt-desc-bg-light);\r\n        }\r\n        \r\n        .yt-desc-faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .yt-desc-accordion-item {\r\n            border: none;\r\n            margin-bottom: 15px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        .yt-desc-accordion-button {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            padding: 20px 25px;\r\n            background-color: white;\r\n            color: var(--yt-desc-text-dark);\r\n            border: none;\r\n            box-shadow: none;\r\n        }\r\n        \r\n        .yt-desc-accordion-button:not(.collapsed) {\r\n            color: var(--yt-desc-primary);\r\n            background-color: white;\r\n            box-shadow: none;\r\n        }\r\n        \r\n        .yt-desc-accordion-button:focus {\r\n            box-shadow: none;\r\n            border: none;\r\n        }\r\n        \r\n        .yt-desc-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='%23FF0000'%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        .yt-desc-accordion-body {\r\n            padding: 5px 25px 25px;\r\n            font-size: 1.1rem;\r\n            color: var(--yt-desc-text-light);\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        \/* Prefixed Modal Styles *\/\r\n        .yt-desc-modal-content {\r\n            border-radius: 16px;\r\n            border: none;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .yt-desc-modal-header {\r\n            background: linear-gradient(135deg, var(--yt-desc-primary), var(--yt-desc-secondary));\r\n            color: white;\r\n            border-radius: 16px 16px 0 0;\r\n            padding: 25px 30px;\r\n            border: none;\r\n        }\r\n        \r\n        .yt-desc-modal-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .yt-desc-btn-close {\r\n            filter: brightness(0) invert(1);\r\n            opacity: 0.8;\r\n        }\r\n        \r\n        .yt-desc-btn-close:hover {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .yt-desc-modal-body {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .yt-desc-form-control {\r\n            border-radius: 10px;\r\n            border: 1px solid var(--yt-desc-border-light);\r\n            padding: 12px 15px;\r\n            font-size: 1.1rem;\r\n            font-family: 'Fira Sans', sans-serif;\r\n        }\r\n        \r\n        .yt-desc-form-control:focus {\r\n            border-color: var(--yt-desc-primary);\r\n            box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);\r\n        }\r\n        \r\n        .yt-desc-form-check-input {\r\n            width: 1.2em;\r\n            height: 1.2em;\r\n            margin-top: 0.3em;\r\n        }\r\n        \r\n        .yt-desc-form-check-label {\r\n            font-size: 1.1rem;\r\n            padding-left: 10px;\r\n        }\r\n        \r\n        .yt-desc-modal-footer {\r\n            padding: 20px 30px;\r\n            border: none;\r\n        }\r\n        \r\n        .yt-desc-btn-modal {\r\n            padding: 10px 25px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            border-radius: 8px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        \/* Prefixed Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .yt-desc-section {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .yt-desc-section-heading {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .yt-desc-section-description {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .yt-desc-hero-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .yt-desc-hero-subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .yt-desc-btn-hero {\r\n                display: block;\r\n                margin: 10px auto;\r\n                width: 250px;\r\n            }\r\n            \r\n            .yt-desc-step-card {\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .yt-desc-why-container {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .yt-desc-why-visual {\r\n                min-height: 250px;\r\n            }\r\n            \r\n            .yt-desc-why-content {\r\n                padding: 30px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n <!-- Prefixed Hero Section -->\r\n    \r\n\r\n    <!-- Prefixed How It Works Section -->\r\n    <section id=\"yt-desc-how-it-works\" class=\"yt-desc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"yt-desc-section-heading\" data-aos=\"fade-up\">How It Works<\/h2>\r\n            <p class=\"yt-desc-section-description\" data-aos=\"fade-up\" data-aos-delay=\"100\">Simple steps to view YouTube video descriptions instantly<\/p>\r\n            \r\n            <div class=\"yt-desc-steps-container\">\r\n                <div class=\"row g-4\">\r\n                    <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <div class=\"yt-desc-step-card\">\r\n                            <div class=\"yt-desc-step-number\">1<\/div>\r\n                            <div class=\"yt-desc-step-icon\">\r\n                                <i class=\"fas fa-link\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"yt-desc-step-title\">Paste any public YouTube video URL<\/h3>\r\n                            <p class=\"yt-desc-step-description\">Copy and paste the link of the YouTube video you want to explore<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                        <div class=\"yt-desc-step-card\">\r\n                            <div class=\"yt-desc-step-number\">2<\/div>\r\n                            <div class=\"yt-desc-step-icon\">\r\n                                <i class=\"fas fa-mouse-pointer\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"yt-desc-step-title\">Click \"Fetch Description\"<\/h3>\r\n                            <p class=\"yt-desc-step-description\">\r\n                                Our tool processes the URL \r\n                                <span class=\"yt-desc-loading-animation\"><\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                        <div class=\"yt-desc-step-card\">\r\n                            <div class=\"yt-desc-step-number\">3<\/div>\r\n                            <div class=\"yt-desc-step-icon\">\r\n                                <i class=\"fas fa-file-text\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"yt-desc-step-title\">Instantly view the full video description<\/h3>\r\n                            <p class=\"yt-desc-step-description\">Access all details without opening YouTube or watching the video<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Prefixed Features Section -->\r\n    <section id=\"yt-desc-features\" class=\"yt-desc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"yt-desc-section-heading\" data-aos=\"fade-up\">Tool Highlights<\/h2>\r\n            <p class=\"yt-desc-section-description\" data-aos=\"fade-up\" data-aos-delay=\"100\">Features that make our YouTube Description Viewer stand out<\/p>\r\n            \r\n            <div class=\"yt-desc-features-container\">\r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-ban\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">No Ads, No Clutter<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Enjoy a clean, distraction-free reading experience without ads or unrelated content<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-mobile-alt\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Works on Mobile + Desktop<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Fully responsive design that works perfectly on all your devices<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-hashtag\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Shows Tags, Hashtags, and Timestamps<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Access all metadata including timestamps, hashtags, and video tags<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-sync-alt\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Auto-loads Description Metadata<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Instantly fetches all available information without any extra clicks<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-copy\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Copy\/Save Description Easily<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">One-click copying to save descriptions for later reference or research<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-user-secret\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Anonymous \u2014 No Login Required<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Use our tool without creating an account or logging in anywhere<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Prefixed Why Use Section -->\r\n    <section id=\"yt-desc-why\" class=\"yt-desc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"yt-desc-section-heading\" data-aos=\"fade-up\">Why Use This Tool?<\/h2>\r\n            <p class=\"yt-desc-section-description\" data-aos=\"fade-up\" data-aos-delay=\"100\">Benefits that make our tool essential for different users<\/p>\r\n            \r\n            <div class=\"yt-desc-why-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"yt-desc-why-visual\"><\/div>\r\n                <div class=\"yt-desc-why-content\">\r\n                    <h3 class=\"yt-desc-why-title\">Perfect for Everyone<\/h3>\r\n                    <ul class=\"yt-desc-why-list\">\r\n                        <li class=\"yt-desc-why-item\">\r\n                            <i class=\"fas fa-check-circle yt-desc-why-icon\"><\/i>\r\n                            <span>Avoid distractions on YouTube and focus on the content information<\/span>\r\n                        <\/li>\r\n                        <li class=\"yt-desc-why-item\">\r\n                            <i class=\"fas fa-check-circle yt-desc-why-icon\"><\/i>\r\n                            <span>Preview content before watching to decide if it's worth your time<\/span>\r\n                        <\/li>\r\n                        <li class=\"yt-desc-why-item\">\r\n                            <i class=\"fas fa-check-circle yt-desc-why-icon\"><\/i>\r\n                            <span>Save time when researching or referencing video information<\/span>\r\n                        <\/li>\r\n                        <li class=\"yt-desc-why-item\">\r\n                            <i class=\"fas fa-check-circle yt-desc-why-icon\"><\/i>\r\n                            <span>Useful for creators, researchers, and casual users alike<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Prefixed FAQ Section -->\r\n    <section id=\"yt-desc-faq\" class=\"yt-desc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"yt-desc-section-heading\" data-aos=\"fade-up\">Frequently Asked Questions<\/h2>\r\n            <p class=\"yt-desc-section-description\" data-aos=\"fade-up\" data-aos-delay=\"100\">Get answers to common questions about our YouTube Description Viewer<\/p>\r\n            \r\n            <div class=\"yt-desc-faq-container\">\r\n                <div class=\"accordion\" id=\"yt-desc-faqAccordion\">\r\n                    <div class=\"yt-desc-accordion-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <h2 class=\"accordion-header\" id=\"yt-desc-headingOne\">\r\n                            <button class=\"yt-desc-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#yt-desc-collapseOne\" aria-expanded=\"true\" aria-controls=\"yt-desc-collapseOne\">\r\n                                Does this work on all videos?\r\n                            <\/button>\r\n                        <\/h2>\r\n                        <div id=\"yt-desc-collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"yt-desc-headingOne\" data-bs-parent=\"#yt-desc-faqAccordion\">\r\n                            <div class=\"yt-desc-accordion-body\">\r\n                                Yes, our tool works on any public YouTube video that has a description. As long as the video is publicly accessible and the creator has added a description, our tool can fetch and display it for you.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"yt-desc-accordion-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                        <h2 class=\"accordion-header\" id=\"yt-desc-headingTwo\">\r\n                            <button class=\"yt-desc-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#yt-desc-collapseTwo\" aria-expanded=\"false\" aria-controls=\"yt-desc-collapseTwo\">\r\n                                Can I view descriptions from private\/unlisted videos?\r\n                            <\/button>\r\n                        <\/h2>\r\n                        <div id=\"yt-desc-collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"yt-desc-headingTwo\" data-bs-parent=\"#yt-desc-faqAccordion\">\r\n                            <div class=\"yt-desc-accordion-body\">\r\n                                No, only publicly accessible content is supported. Our tool respects YouTube's privacy settings and cannot access descriptions from private or unlisted videos that require specific permissions to view.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"yt-desc-accordion-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                        <h2 class=\"accordion-header\" id=\"yt-desc-headingThree\">\r\n                            <button class=\"yt-desc-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#yt-desc-collapseThree\" aria-expanded=\"false\" aria-controls=\"yt-desc-collapseThree\">\r\n                                Is this tool free to use?\r\n                            <\/button>\r\n                        <\/h2>\r\n                        <div id=\"yt-desc-collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"yt-desc-headingThree\" data-bs-parent=\"#yt-desc-faqAccordion\">\r\n                            <div class=\"yt-desc-accordion-body\">\r\n                                Yes, 100% free and always will be. We don't charge any fees for using our YouTube Description Viewer, and there are no hidden costs or premium features locked behind a paywall.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"yt-desc-accordion-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                        <h2 class=\"accordion-header\" id=\"yt-desc-headingFour\">\r\n                            <button class=\"yt-desc-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#yt-desc-collapseFour\" aria-expanded=\"false\" aria-controls=\"yt-desc-collapseFour\">\r\n                                Do I need a YouTube account?\r\n                            <\/button>\r\n                        <\/h2>\r\n                        <div id=\"yt-desc-collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"yt-desc-headingFour\" data-bs-parent=\"#yt-desc-faqAccordion\">\r\n                            <div class=\"yt-desc-accordion-body\">\r\n                                No, you don't need a YouTube account to use our tool. It works completely independently and doesn't require any login credentials. Simply paste the video URL and get the description instantly.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true\r\n        });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Global reset - scoped to prevent conflicts *\/\r\n        .ytdv-wrapper * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        \/* Main wrapper - replaces body styling *\/\r\n        .ytdv-wrapper {\r\n            font-family: 'Inter', sans-serif;\r\n            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n            color: #ffffff;\r\n            min-height: 100vh;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .ytdv-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n        \r\n        \/* Header *\/\r\n        .ytdv-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            padding: 30px 0;\r\n        }\r\n        \r\n        .ytdv-logo-container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .ytdv-logo {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: #ffffff;\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .ytdv-youtube-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            fill: #ff0000;\r\n        }\r\n        \r\n        .ytdv-title {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #ffffff, #f1f2f6);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .ytdv-subtitle {\r\n            font-size: 1rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        \/* Input Section *\/\r\n        .ytdv-input-section {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .ytdv-input-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .ytdv-input-group {\r\n            display: flex;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .ytdv-input-field {\r\n            flex: 1;\r\n            padding: 14px 18px !important;\r\n            border: 2px solid rgba(255, 255, 255, 0.2) !important;\r\n            border-radius: 12px !important;\r\n            background: rgba(255, 255, 255, 0.1) !important;\r\n            color: #ffffff !important;\r\n            font-size: 14px !important;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n        }\r\n        \r\n        .ytdv-input-field:focus {\r\n            outline: none;\r\n            border-color: #ffffff;\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n        \r\n        .ytdv-input-field::placeholder {\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n        \r\n        .ytdv-btn {\r\n            padding: 14px 20px;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Inter', sans-serif;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .ytdv-btn-paste {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            color: white;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .ytdv-btn-paste:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .ytdv-btn-find {\r\n            background: #ffffff;\r\n            color: #1e3c72;\r\n            width: 100%;\r\n            justify-content: center;\r\n            padding: 16px;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);\r\n        }\r\n        \r\n        .ytdv-btn-find:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);\r\n        }\r\n        \r\n        .ytdv-btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n            transform: none !important;\r\n        }\r\n        \r\n        .ytdv-btn-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: currentColor;\r\n        }\r\n        \r\n        \/* Loading *\/\r\n        .ytdv-loading {\r\n            display: none;\r\n            text-align: center;\r\n            padding: 40px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n        \r\n        .ytdv-loading-spinner {\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 3px solid rgba(255, 255, 255, 0.3);\r\n            border-top: 3px solid #ffffff;\r\n            border-radius: 50%;\r\n            animation: ytdv-spin 1s linear infinite;\r\n            margin: 0 auto 20px;\r\n        }\r\n        \r\n        .ytdv-loading-text {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            color: white;\r\n        }\r\n        \r\n        \/* Results *\/\r\n        .ytdv-results {\r\n            display: none;\r\n        }\r\n        \r\n        .ytdv-video-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        \/* Video Header *\/\r\n        .ytdv-video-header {\r\n            padding: 25px;\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n        \r\n        .ytdv-thumbnail-container {\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            aspect-ratio: 16\/9;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .ytdv-thumbnail {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        \r\n        .ytdv-video-info .ytdv-video-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            line-height: 1.3;\r\n        }\r\n        \r\n        .ytdv-channel-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 15px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .ytdv-channel-avatar {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: #ffffff;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ytdv-channel-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: #ff0000;\r\n        }\r\n        \r\n        .ytdv-channel-details .ytdv-channel-name {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n        \r\n        .ytdv-channel-link {\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .ytdv-channel-link:hover {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n        \r\n        .ytdv-verified-text {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.85rem;\r\n        }\r\n        \r\n        \/* Stats Grid *\/\r\n        .ytdv-stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n            gap: 15px;\r\n        }\r\n        \r\n        .ytdv-stat-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            padding: 15px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ytdv-stat-card:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .ytdv-stat-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            margin: 0 auto 8px;\r\n            padding: 6px;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ytdv-stat-card.ytdv-views .ytdv-stat-icon {\r\n            background: #ffffff;\r\n        }\r\n        \r\n        .ytdv-stat-card.ytdv-likes .ytdv-stat-icon {\r\n            background: #ffffff;\r\n        }\r\n        \r\n        .ytdv-stat-card.ytdv-published .ytdv-stat-icon {\r\n            background: #ffffff;\r\n        }\r\n        \r\n        .ytdv-stat-icon svg {\r\n            width: 12px;\r\n            height: 12px;\r\n            fill: #1e3c72;\r\n        }\r\n        \r\n        .ytdv-stat-label {\r\n            font-size: 0.75rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 4px;\r\n        }\r\n        \r\n        .ytdv-stat-value {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: white;\r\n        }\r\n        \r\n        \/* Description Section *\/\r\n        .ytdv-description-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .ytdv-section-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 20px;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .ytdv-section-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .ytdv-section-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: #ffffff;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ytdv-section-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: #1e3c72;\r\n        }\r\n        \r\n        .ytdv-section-title-text .ytdv-section-heading {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n        \r\n        .ytdv-section-title-text .ytdv-section-subheading {\r\n            font-size: 0.85rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n        \r\n        .ytdv-copy-btn {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            color: white;\r\n            border: none;\r\n            padding: 10px 16px;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .ytdv-copy-btn:hover {\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .ytdv-copy-btn.ytdv-copied {\r\n            background: rgba(255, 255, 255, 0.3);\r\n        }\r\n        \r\n        .ytdv-copy-icon {\r\n            width: 14px;\r\n            height: 14px;\r\n            fill: currentColor;\r\n        }\r\n        \r\n        .ytdv-description-content {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n            border-left: 4px solid #ffffff;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.6;\r\n            font-size: 0.9rem;\r\n            white-space: pre-wrap;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        \/* Captions Section *\/\r\n        .ytdv-captions-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .ytdv-captions-icon {\r\n            background: #ffffff;\r\n        }\r\n        \r\n        .ytdv-captions-content {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n            border-left: 4px solid #ffffff;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .ytdv-caption-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 10px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ytdv-caption-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #ffffff;\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .ytdv-caption-label {\r\n            color: #ffffff;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .ytdv-caption-value {\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n        \r\n        \/* Error State *\/\r\n        .ytdv-error {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .ytdv-error-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .ytdv-error .ytdv-error-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .ytdv-error .ytdv-error-message {\r\n            font-size: 0.95rem;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .ytdv-error .ytdv-error-details {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.85rem;\r\n        }\r\n        \r\n        \/* Features Grid *\/\r\n        .ytdv-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n            gap: 15px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .ytdv-feature-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 12px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ytdv-feature-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .ytdv-feature-icon {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 8px;\r\n            display: block;\r\n        }\r\n        \r\n        .ytdv-feature-text {\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            color: white;\r\n        }\r\n        \r\n        \/* Animations *\/\r\n        @keyframes ytdv-spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n        \r\n        \/* Custom Scrollbar - scoped to wrapper *\/\r\n        .ytdv-wrapper ::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n        \r\n        .ytdv-wrapper ::-webkit-scrollbar-track {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        .ytdv-wrapper ::-webkit-scrollbar-thumb {\r\n            background: #ffffff;\r\n            border-radius: 3px;\r\n        }\r\n\t\t\t\r\n\t\t\t.ytdv-btn-find {\r\n\tbackground: #dce7fd;\r\n\tcolor: #1e3c72;\r\n\twidth: 100%;\r\n\tjustify-content: center;\r\n\tpadding: 16px;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tbox-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);\r\n}\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .ytdv-container {\r\n                max-width: 90%;\r\n                padding: 15px;\r\n            }\r\n            \r\n            .ytdv-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .ytdv-input-section {\r\n                padding: 25px;\r\n            }\r\n            \r\n            .ytdv-video-header {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .ytdv-stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .ytdv-container {\r\n                max-width: 95%;\r\n                padding: 10px;\r\n            }\r\n            \r\n            .ytdv-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .ytdv-input-group {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .ytdv-input-section,\r\n            .ytdv-loading,\r\n            .ytdv-error {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .ytdv-video-header,\r\n            .ytdv-description-section,\r\n            .ytdv-captions-section {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .ytdv-section-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n            \r\n            .ytdv-stats-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .ytdv-features-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        @media (max-width: 600px) {\r\n            .ytdv-container {\r\n                padding: 8px;\r\n            }\r\n            \r\n            .ytdv-title {\r\n                font-size: 1.6rem;\r\n            }\r\n            \r\n            .ytdv-logo-container {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n            \r\n            .ytdv-btn-find {\r\n                padding: 14px;\r\n                font-size: 15px;\r\n            }\r\n            \r\n            .ytdv-features-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 10px;\r\n            }\r\n            \r\n            .ytdv-feature-card {\r\n                padding: 15px;\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        @media (max-width: 400px) {\r\n            .ytdv-container {\r\n                padding: 5px;\r\n            }\r\n            \r\n            .ytdv-title {\r\n                font-size: 1.4rem;\r\n            }\r\n            \r\n            .ytdv-header {\r\n                padding: 20px 0;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .ytdv-input-section {\r\n                padding: 15px;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .ytdv-input-title {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .ytdv-btn {\r\n                padding: 12px 16px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .ytdv-features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        @media (max-width: 375px) {\r\n            .ytdv-title {\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .ytdv-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .ytdv-input-section {\r\n                padding: 12px;\r\n            }\r\n            \r\n            .ytdv-input-field {\r\n                padding: 12px 15px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .ytdv-btn {\r\n                padding: 10px 14px;\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .ytdv-stats-grid {\r\n                gap: 10px;\r\n            }\r\n            \r\n            .ytdv-stat-card {\r\n                padding: 12px;\r\n            }\r\n\t\t\t\t\t\r\n\t\t\t\t\t.ytdv-logo {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tbackground: #ffffff;\r\n\tborder-radius: 12px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n\tmargin-top: 80px;\r\n}\r\n        }\r\n        \r\n        \/* Search Again Button *\/\r\n        .ytdv-search-again-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            text-align: center;\r\n        }\r\n        \r\n        .ytdv-btn-search-again {\r\n            background: #ffffff;\r\n            color: #1e3c72;\r\n            border: none;\r\n            padding: 14px 24px;\r\n            border-radius: 12px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);\r\n        }\r\n\t\t\t\r\n\t\t\t\r\n        \r\n        .ytdv-btn-search-again:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);\r\n        }\r\n        \r\n        .ytdv-search-again-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: currentColor;\r\n        }\r\n\t\t\t\r\n\t\t\t\r\n    <\/style>\r\n\r\n    <div class=\"ytdv-wrapper\">\r\n        <div class=\"ytdv-container\">\r\n            <!-- Header -->\r\n            <div class=\"ytdv-header\">\r\n                <div class=\"ytdv-logo-container\">\r\n                    <div class=\"ytdv-logo\">\r\n                        <svg class=\"ytdv-youtube-icon\" viewBox=\"0 0 24 24\">\r\n                            <path\r\n                                d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <h1 class=\"ytdv-title\">YouTube Description Viewer<\/h1>\r\n                        <p class=\"ytdv-subtitle\">Extract video descriptions instantly<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Features Grid -->\r\n                <div class=\"ytdv-features-grid\">\r\n                    <div class=\"ytdv-feature-card\">\r\n                        <span class=\"ytdv-feature-icon\">\u26a1<\/span>\r\n                        <p class=\"ytdv-feature-text\">Fast<\/p>\r\n                    <\/div>\r\n                    <div class=\"ytdv-feature-card\">\r\n                        <span class=\"ytdv-feature-icon\">\ud83d\udd12<\/span>\r\n                        <p class=\"ytdv-feature-text\">Secure<\/p>\r\n                    <\/div>\r\n                    <div class=\"ytdv-feature-card\">\r\n                        <span class=\"ytdv-feature-icon\">\ud83d\udcf1<\/span>\r\n                        <p class=\"ytdv-feature-text\">Mobile<\/p>\r\n                    <\/div>\r\n                    <div class=\"ytdv-feature-card\">\r\n                        <span class=\"ytdv-feature-icon\">\ud83c\udd93<\/span>\r\n                        <p class=\"ytdv-feature-text\">Free<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Input Section -->\r\n            <div class=\"ytdv-input-section\">\r\n                <h3 class=\"ytdv-input-title\">Enter YouTube URL<\/h3>\r\n                <div class=\"ytdv-input-group\">\r\n                    <input type=\"text\" id=\"ytdv-videoInput\" class=\"ytdv-input-field\"\r\n                        placeholder=\"Paste YouTube URL here...\">\r\n                    <button class=\"ytdv-btn ytdv-btn-paste\" onclick=\"pasteFromClipboard()\">\r\n                        <svg class=\"ytdv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path\r\n                                d=\"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z\" \/>\r\n                        <\/svg>\r\n                        Paste\r\n                    <\/button>\r\n                <\/div>\r\n                <button class=\"ytdv-btn ytdv-btn-find\" onclick=\"findDescription()\">\r\n                    <svg class=\"ytdv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M9.5,3L8,6.5H4.5L7.91,9.91L6.5,16.5L9.5,14L12.5,16.5L11.09,9.91L14.5,6.5H11L9.5,3Z\" \/>\r\n                    <\/svg>\r\n                    Extract Description\r\n                <\/button>\r\n            <\/div>\r\n            <!-- Loading State -->\r\n            <div class=\"ytdv-loading\" id=\"ytdv-loading\">\r\n                <div class=\"ytdv-loading-spinner\"><\/div>\r\n                <p class=\"ytdv-loading-text\">Processing your request...<\/p>\r\n            <\/div>\r\n            <!-- Results Container -->\r\n            <div class=\"ytdv-results\" id=\"ytdv-results\">\r\n                <!-- Results will be populated here -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  \r\n<style>\r\n        \/* Prefixed CSS Variables *\/\r\n        :root {\r\n            --yt-desc-primary: #FF0000;\r\n            --yt-desc-secondary: #282828;\r\n            --yt-desc-accent: #f1f1f1;\r\n            --yt-desc-text-dark: #030303;\r\n            --yt-desc-text-light: #606060;\r\n            --yt-desc-bg-light: #f9f9f9;\r\n            --yt-desc-border-light: #e5e5e5;\r\n            --yt-desc-success: #34a853;\r\n            --yt-desc-warning: #fbbc05;\r\n        }\r\n        \r\n\r\n        \r\n        \/* Prefixed Section Styles *\/\r\n        .yt-desc-section {\r\n            padding: 80px 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .yt-desc-section-heading {\r\n            font-size: 2.75rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            text-align: center;\r\n        }\r\n        \r\n        .yt-desc-section-description {\r\n            font-size: 1.25rem;\r\n            color: var(--yt-desc-text-light);\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 3rem;\r\n        }\r\n        \r\n        \/* Prefixed Hero Section *\/\r\n        #yt-desc-hero {\r\n            background: linear-gradient(135deg, rgba(255, 0, 0, 0.9), rgba(40, 40, 40, 0.95));\r\n            color: white;\r\n            padding: 120px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        #yt-desc-hero::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-image: \r\n                radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);\r\n        }\r\n        \r\n        .yt-desc-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .yt-desc-hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .yt-desc-hero-subtitle {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 3rem;\r\n            opacity: 0.95;\r\n            font-weight: 400;\r\n        }\r\n        \r\n        .yt-desc-btn-hero {\r\n            padding: 14px 32px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            margin: 0 10px 10px 0;\r\n        }\r\n        \r\n        .yt-desc-btn-primary-hero {\r\n            background-color: white;\r\n            color: var(--yt-desc-primary);\r\n            border: none;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .yt-desc-btn-primary-hero:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n            color: var(--yt-desc-primary);\r\n        }\r\n        \r\n        .yt-desc-btn-secondary-hero {\r\n            background-color: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n        \r\n        .yt-desc-btn-secondary-hero:hover {\r\n            background-color: white;\r\n            color: var(--yt-desc-primary);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .yt-desc-url-container {\r\n            max-width: 700px;\r\n            margin: 3rem auto 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .yt-desc-url-input {\r\n            width: 100%;\r\n            padding: 18px 60px 18px 25px;\r\n            border-radius: 50px;\r\n            border: none;\r\n            font-size: 1.1rem;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            font-family: 'Fira Sans', sans-serif;\r\n        }\r\n        \r\n        .yt-desc-url-btn {\r\n            position: absolute;\r\n            right: 8px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background-color: var(--yt-desc-primary);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 45px;\r\n            height: 45px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.2rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .yt-desc-url-btn:hover {\r\n            background-color: var(--yt-desc-secondary);\r\n            transform: translateY(-50%) scale(1.05);\r\n        }\r\n        \r\n        .yt-desc-floating-icon {\r\n            position: absolute;\r\n            opacity: 0.15;\r\n            animation: float 15s infinite ease-in-out;\r\n            color: white;\r\n        }\r\n        \r\n        .yt-desc-floating-icon:nth-child(1) {\r\n            top: 15%;\r\n            left: 10%;\r\n            font-size: 40px;\r\n            animation-delay: 0s;\r\n        }\r\n        \r\n        .yt-desc-floating-icon:nth-child(2) {\r\n            top: 60%;\r\n            right: 10%;\r\n            font-size: 60px;\r\n            animation-delay: 2s;\r\n        }\r\n        \r\n        .yt-desc-floating-icon:nth-child(3) {\r\n            bottom: 15%;\r\n            left: 20%;\r\n            font-size: 50px;\r\n            animation-delay: 5s;\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n            }\r\n            50% {\r\n                transform: translateY(-20px) rotate(10deg);\r\n            }\r\n        }\r\n        \r\n        .yt-desc-mockup {\r\n            max-width: 600px;\r\n            margin: 3rem auto 0;\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 16px;\r\n            padding: 20px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n        \r\n        .yt-desc-video-preview {\r\n            position: relative;\r\n            padding-bottom: 56.25%;\r\n            height: 0;\r\n            background-color: rgba(0,0,0,0.2);\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .yt-desc-video-preview::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: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6));\r\n        }\r\n        \r\n        .yt-desc-play-icon {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 60px;\r\n            height: 60px;\r\n            background-color: rgba(255, 0, 0, 0.8);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 24px;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .yt-desc-description-box {\r\n            background-color: rgba(255, 255, 255, 0.9);\r\n            border-radius: 8px;\r\n            padding: 15px;\r\n            color: var(--yt-desc-text-dark);\r\n            font-size: 0.9rem;\r\n            max-height: 120px;\r\n            overflow-y: auto;\r\n        }\r\n        \r\n        .yt-desc-description-box::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n        \r\n        .yt-desc-description-box::-webkit-scrollbar-track {\r\n            background: rgba(0,0,0,0.1);\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        .yt-desc-description-box::-webkit-scrollbar-thumb {\r\n            background: rgba(0,0,0,0.3);\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        \/* Prefixed How It Works Section *\/\r\n        #yt-desc-how-it-works {\r\n            background-color: var(--yt-desc-bg-light);\r\n        }\r\n        \r\n        .yt-desc-steps-container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .yt-desc-step-card {\r\n            background-color: white;\r\n            border-radius: 16px;\r\n            padding: 40px 30px;\r\n            height: 100%;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n            border: 1px solid var(--yt-desc-border-light);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .yt-desc-step-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, var(--yt-desc-primary), var(--yt-desc-secondary));\r\n        }\r\n        \r\n        .yt-desc-step-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .yt-desc-step-number {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 60px;\r\n            height: 60px;\r\n            background-color: var(--yt-desc-primary);\r\n            color: white;\r\n            border-radius: 50%;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .yt-desc-step-icon {\r\n            font-size: 3rem;\r\n            color: var(--yt-desc-primary);\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .yt-desc-step-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--yt-desc-text-dark);\r\n        }\r\n        \r\n        .yt-desc-step-description {\r\n            font-size: 1.1rem;\r\n            color: var(--yt-desc-text-light);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .yt-desc-loading-animation {\r\n            display: inline-block;\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 3px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            border-top-color: white;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-left: 10px;\r\n            vertical-align: middle;\r\n        }\r\n        \r\n        @keyframes spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n        \r\n        \/* Prefixed Features Section *\/\r\n        .yt-desc-features-container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .yt-desc-feature-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 20px;\r\n            padding: 20px;\r\n            background-color: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .yt-desc-feature-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .yt-desc-feature-icon {\r\n            font-size: 2rem;\r\n            color: var(--yt-desc-primary);\r\n            margin-right: 20px;\r\n            min-width: 40px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .yt-desc-feature-content {\r\n            flex: 1;\r\n        }\r\n        \r\n        .yt-desc-feature-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n            color: var(--yt-desc-text-dark);\r\n        }\r\n        \r\n        .yt-desc-feature-description {\r\n            font-size: 1rem;\r\n            color: var(--yt-desc-text-light);\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        \/* Prefixed Why Use Section *\/\r\n        #yt-desc-why {\r\n            background-color: var(--yt-desc-bg-light);\r\n        }\r\n        \r\n        .yt-desc-why-container {\r\n            display: flex;\r\n            align-items: center;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            background-color: white;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        .yt-desc-why-visual {\r\n            flex: 1;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80') center\/cover;\r\n            min-height: 400px;\r\n            position: relative;\r\n        }\r\n        \r\n        .yt-desc-why-visual::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.5);\r\n            backdrop-filter: blur(3px);\r\n        }\r\n        \r\n        .yt-desc-why-content {\r\n            flex: 1;\r\n            padding: 40px;\r\n        }\r\n        \r\n        .yt-desc-why-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            color: var(--yt-desc-text-dark);\r\n        }\r\n        \r\n        .yt-desc-why-list {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .yt-desc-why-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 15px;\r\n            font-size: 1.1rem;\r\n            color: var(--yt-desc-text-light);\r\n        }\r\n        \r\n        .yt-desc-why-icon {\r\n            color: var(--yt-desc-primary);\r\n            margin-right: 15px;\r\n            font-size: 1.2rem;\r\n            margin-top: 3px;\r\n        }\r\n        \r\n        \/* Prefixed FAQ Section *\/\r\n        #yt-desc-faq {\r\n            background-color: var(--yt-desc-bg-light);\r\n        }\r\n        \r\n        .yt-desc-faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .yt-desc-accordion-item {\r\n            border: none;\r\n            margin-bottom: 15px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        .yt-desc-accordion-button {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            padding: 20px 25px;\r\n            background-color: white;\r\n            color: var(--yt-desc-text-dark);\r\n            border: none;\r\n            box-shadow: none;\r\n        }\r\n        \r\n        .yt-desc-accordion-button:not(.collapsed) {\r\n            color: var(--yt-desc-primary);\r\n            background-color: white;\r\n            box-shadow: none;\r\n        }\r\n        \r\n        .yt-desc-accordion-button:focus {\r\n            box-shadow: none;\r\n            border: none;\r\n        }\r\n        \r\n        .yt-desc-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='%23FF0000'%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        .yt-desc-accordion-body {\r\n            padding: 5px 25px 25px;\r\n            font-size: 1.1rem;\r\n            color: var(--yt-desc-text-light);\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        \/* Prefixed Modal Styles *\/\r\n        .yt-desc-modal-content {\r\n            border-radius: 16px;\r\n            border: none;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .yt-desc-modal-header {\r\n            background: linear-gradient(135deg, var(--yt-desc-primary), var(--yt-desc-secondary));\r\n            color: white;\r\n            border-radius: 16px 16px 0 0;\r\n            padding: 25px 30px;\r\n            border: none;\r\n        }\r\n        \r\n        .yt-desc-modal-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .yt-desc-btn-close {\r\n            filter: brightness(0) invert(1);\r\n            opacity: 0.8;\r\n        }\r\n        \r\n        .yt-desc-btn-close:hover {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .yt-desc-modal-body {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .yt-desc-form-control {\r\n            border-radius: 10px;\r\n            border: 1px solid var(--yt-desc-border-light);\r\n            padding: 12px 15px;\r\n            font-size: 1.1rem;\r\n            font-family: 'Fira Sans', sans-serif;\r\n        }\r\n        \r\n        .yt-desc-form-control:focus {\r\n            border-color: var(--yt-desc-primary);\r\n            box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);\r\n        }\r\n        \r\n        .yt-desc-form-check-input {\r\n            width: 1.2em;\r\n            height: 1.2em;\r\n            margin-top: 0.3em;\r\n        }\r\n        \r\n        .yt-desc-form-check-label {\r\n            font-size: 1.1rem;\r\n            padding-left: 10px;\r\n        }\r\n        \r\n        .yt-desc-modal-footer {\r\n            padding: 20px 30px;\r\n            border: none;\r\n        }\r\n        \r\n        .yt-desc-btn-modal {\r\n            padding: 10px 25px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            border-radius: 8px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        \/* Prefixed Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .yt-desc-section {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .yt-desc-section-heading {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .yt-desc-section-description {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .yt-desc-hero-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .yt-desc-hero-subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .yt-desc-btn-hero {\r\n                display: block;\r\n                margin: 10px auto;\r\n                width: 250px;\r\n            }\r\n            \r\n            .yt-desc-step-card {\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .yt-desc-why-container {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .yt-desc-why-visual {\r\n                min-height: 250px;\r\n            }\r\n            \r\n            .yt-desc-why-content {\r\n                padding: 30px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n <!-- Prefixed Hero Section -->\r\n    \r\n\r\n    <!-- Prefixed How It Works Section -->\r\n    <section id=\"yt-desc-how-it-works\" class=\"yt-desc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"yt-desc-section-heading\" data-aos=\"fade-up\">How It Works<\/h2>\r\n            <p class=\"yt-desc-section-description\" data-aos=\"fade-up\" data-aos-delay=\"100\">Simple steps to view YouTube video descriptions instantly<\/p>\r\n            \r\n            <div class=\"yt-desc-steps-container\">\r\n                <div class=\"row g-4\">\r\n                    <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <div class=\"yt-desc-step-card\">\r\n                            <div class=\"yt-desc-step-number\">1<\/div>\r\n                            <div class=\"yt-desc-step-icon\">\r\n                                <i class=\"fas fa-link\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"yt-desc-step-title\">Paste any public YouTube video URL<\/h3>\r\n                            <p class=\"yt-desc-step-description\">Copy and paste the link of the YouTube video you want to explore<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                        <div class=\"yt-desc-step-card\">\r\n                            <div class=\"yt-desc-step-number\">2<\/div>\r\n                            <div class=\"yt-desc-step-icon\">\r\n                                <i class=\"fas fa-mouse-pointer\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"yt-desc-step-title\">Click \"Fetch Description\"<\/h3>\r\n                            <p class=\"yt-desc-step-description\">\r\n                                Our tool processes the URL \r\n                                <span class=\"yt-desc-loading-animation\"><\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                        <div class=\"yt-desc-step-card\">\r\n                            <div class=\"yt-desc-step-number\">3<\/div>\r\n                            <div class=\"yt-desc-step-icon\">\r\n                                <i class=\"fas fa-file-text\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"yt-desc-step-title\">Instantly view the full video description<\/h3>\r\n                            <p class=\"yt-desc-step-description\">Access all details without opening YouTube or watching the video<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Prefixed Features Section -->\r\n    <section id=\"yt-desc-features\" class=\"yt-desc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"yt-desc-section-heading\" data-aos=\"fade-up\">Tool Highlights<\/h2>\r\n            <p class=\"yt-desc-section-description\" data-aos=\"fade-up\" data-aos-delay=\"100\">Features that make our YouTube Description Viewer stand out<\/p>\r\n            \r\n            <div class=\"yt-desc-features-container\">\r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-ban\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">No Ads, No Clutter<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Enjoy a clean, distraction-free reading experience without ads or unrelated content<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-mobile-alt\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Works on Mobile + Desktop<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Fully responsive design that works perfectly on all your devices<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-hashtag\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Shows Tags, Hashtags, and Timestamps<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Access all metadata including timestamps, hashtags, and video tags<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-sync-alt\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Auto-loads Description Metadata<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Instantly fetches all available information without any extra clicks<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-copy\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Copy\/Save Description Easily<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">One-click copying to save descriptions for later reference or research<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"yt-desc-feature-item\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n                    <div class=\"yt-desc-feature-icon\">\r\n                        <i class=\"fas fa-user-secret\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"yt-desc-feature-content\">\r\n                        <h3 class=\"yt-desc-feature-title\">Anonymous \u2014 No Login Required<\/h3>\r\n                        <p class=\"yt-desc-feature-description\">Use our tool without creating an account or logging in anywhere<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Prefixed Why Use Section -->\r\n    <section id=\"yt-desc-why\" class=\"yt-desc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"yt-desc-section-heading\" data-aos=\"fade-up\">Why Use This Tool?<\/h2>\r\n            <p class=\"yt-desc-section-description\" data-aos=\"fade-up\" data-aos-delay=\"100\">Benefits that make our tool essential for different users<\/p>\r\n            \r\n            <div class=\"yt-desc-why-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"yt-desc-why-visual\"><\/div>\r\n                <div class=\"yt-desc-why-content\">\r\n                    <h3 class=\"yt-desc-why-title\">Perfect for Everyone<\/h3>\r\n                    <ul class=\"yt-desc-why-list\">\r\n                        <li class=\"yt-desc-why-item\">\r\n                            <i class=\"fas fa-check-circle yt-desc-why-icon\"><\/i>\r\n                            <span>Avoid distractions on YouTube and focus on the content information<\/span>\r\n                        <\/li>\r\n                        <li class=\"yt-desc-why-item\">\r\n                            <i class=\"fas fa-check-circle yt-desc-why-icon\"><\/i>\r\n                            <span>Preview content before watching to decide if it's worth your time<\/span>\r\n                        <\/li>\r\n                        <li class=\"yt-desc-why-item\">\r\n                            <i class=\"fas fa-check-circle yt-desc-why-icon\"><\/i>\r\n                            <span>Save time when researching or referencing video information<\/span>\r\n                        <\/li>\r\n                        <li class=\"yt-desc-why-item\">\r\n                            <i class=\"fas fa-check-circle yt-desc-why-icon\"><\/i>\r\n                            <span>Useful for creators, researchers, and casual users alike<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Prefixed FAQ Section -->\r\n    <section id=\"yt-desc-faq\" class=\"yt-desc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"yt-desc-section-heading\" data-aos=\"fade-up\">Frequently Asked Questions<\/h2>\r\n            <p class=\"yt-desc-section-description\" data-aos=\"fade-up\" data-aos-delay=\"100\">Get answers to common questions about our YouTube Description Viewer<\/p>\r\n            \r\n            <div class=\"yt-desc-faq-container\">\r\n                <div class=\"accordion\" id=\"yt-desc-faqAccordion\">\r\n                    <div class=\"yt-desc-accordion-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <h2 class=\"accordion-header\" id=\"yt-desc-headingOne\">\r\n                            <button class=\"yt-desc-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#yt-desc-collapseOne\" aria-expanded=\"true\" aria-controls=\"yt-desc-collapseOne\">\r\n                                Does this work on all videos?\r\n                            <\/button>\r\n                        <\/h2>\r\n                        <div id=\"yt-desc-collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"yt-desc-headingOne\" data-bs-parent=\"#yt-desc-faqAccordion\">\r\n                            <div class=\"yt-desc-accordion-body\">\r\n                                Yes, our tool works on any public YouTube video that has a description. As long as the video is publicly accessible and the creator has added a description, our tool can fetch and display it for you.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"yt-desc-accordion-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                        <h2 class=\"accordion-header\" id=\"yt-desc-headingTwo\">\r\n                            <button class=\"yt-desc-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#yt-desc-collapseTwo\" aria-expanded=\"false\" aria-controls=\"yt-desc-collapseTwo\">\r\n                                Can I view descriptions from private\/unlisted videos?\r\n                            <\/button>\r\n                        <\/h2>\r\n                        <div id=\"yt-desc-collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"yt-desc-headingTwo\" data-bs-parent=\"#yt-desc-faqAccordion\">\r\n                            <div class=\"yt-desc-accordion-body\">\r\n                                No, only publicly accessible content is supported. Our tool respects YouTube's privacy settings and cannot access descriptions from private or unlisted videos that require specific permissions to view.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"yt-desc-accordion-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                        <h2 class=\"accordion-header\" id=\"yt-desc-headingThree\">\r\n                            <button class=\"yt-desc-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#yt-desc-collapseThree\" aria-expanded=\"false\" aria-controls=\"yt-desc-collapseThree\">\r\n                                Is this tool free to use?\r\n                            <\/button>\r\n                        <\/h2>\r\n                        <div id=\"yt-desc-collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"yt-desc-headingThree\" data-bs-parent=\"#yt-desc-faqAccordion\">\r\n                            <div class=\"yt-desc-accordion-body\">\r\n                                Yes, 100% free and always will be. We don't charge any fees for using our YouTube Description Viewer, and there are no hidden costs or premium features locked behind a paywall.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"yt-desc-accordion-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                        <h2 class=\"accordion-header\" id=\"yt-desc-headingFour\">\r\n                            <button class=\"yt-desc-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#yt-desc-collapseFour\" aria-expanded=\"false\" aria-controls=\"yt-desc-collapseFour\">\r\n                                Do I need a YouTube account?\r\n                            <\/button>\r\n                        <\/h2>\r\n                        <div id=\"yt-desc-collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"yt-desc-headingFour\" data-bs-parent=\"#yt-desc-faqAccordion\">\r\n                            <div class=\"yt-desc-accordion-body\">\r\n                                No, you don't need a YouTube account to use our tool. It works completely independently and doesn't require any login credentials. Simply paste the video URL and get the description instantly.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true\r\n        });\r\n<\/script><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":144,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/comments?post=258"}],"version-history":[{"count":4,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":1303,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/258\/revisions\/1303"}],"up":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/144"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}