{"id":1045,"date":"2025-10-19T11:03:00","date_gmt":"2025-10-19T11:03:00","guid":{"rendered":"https:\/\/viewri.com\/?page_id=1045"},"modified":"2026-08-20T13:16:31","modified_gmt":"2026-08-20T13:16:31","slug":"feature","status":"publish","type":"page","link":"https:\/\/viewri.com\/facebook\/feature\/","title":{"rendered":"Facebook feature viewer"},"content":{"rendered":"<p><!-- tc-cache-bust:2026-08-20T13:16:29Z --><br \/>\n[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>\n\/* CSS SECTION: Tool styling. Copy this <style> block if you want separate CSS. *\/\n    .fbfeatv-wrapper, .fbfeatv-wrapper * { box-sizing: border-box; }\n    .fbfeatv-wrapper {\n      --fbfeatv-primary: #315bdc;\n      --fbfeatv-primary-2: #2346b7;\n      --fbfeatv-accent: #7dd3fc;\n      --fbfeatv-bg: #f6f8ff;\n      --fbfeatv-surface: #ffffff;\n      --fbfeatv-surface-2: #f8fbff;\n      --fbfeatv-text: #10233f;\n      --fbfeatv-muted: #5d7190;\n      --fbfeatv-border: #d9e6f8;\n      --fbfeatv-success: #12805c;\n      --fbfeatv-error: #bd2638;\n      width: 100%;\n      min-height: 100%;\n      overflow-x: hidden;\n      background: radial-gradient(680px 340px at 10% 0%, rgba(24,185,255,.14), transparent 64%), radial-gradient(760px 380px at 95% 8%, rgba(23,99,230,.14), transparent 60%), var(--fbfeatv-bg);\n      color: var(--fbfeatv-text);\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      padding: clamp(24px, 4vw, 46px) 14px;\n    }\n    .fbfeatv-container { width: 100%; max-width: 1200px; margin: 0 auto; }\n    .fbfeatv-hero { width: 100%; text-align: center; margin: 0 auto 20px; }\n    .fbfeatv-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--fbfeatv-border); color: var(--fbfeatv-primary-2); font-size: 12px; font-weight: 800; box-shadow: 0 12px 34px rgba(19,80,170,.08); }\n    .fbfeatv-badge-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--fbfeatv-success); box-shadow: 0 0 0 4px rgba(18,128,92,.12); }\n    .fbfeatv-title { margin: 15px 0 0; color: var(--fbfeatv-text); font-size: clamp(32px, 5vw, 58px); line-height: 1.04; font-weight: 950; letter-spacing: -.045em; }\n    .fbfeatv-subtitle { max-width: 820px; margin: 14px auto 0; color: var(--fbfeatv-muted); font-size: clamp(14px, 1.5vw, 18px); line-height: 1.62; }\n    .fbfeatv-search-card { width: 100%; max-width: 1200px; margin: 24px auto 0; border: 1px solid var(--fbfeatv-border); border-radius: 26px; background: rgba(255,255,255,.92); box-shadow: 0 22px 70px rgba(29,87,170,.12); padding: clamp(14px, 2vw, 20px); }\n    .fbfeatv-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: stretch; width: 100%; }\n    .fbfeatv-field { position: relative; min-width: 0; width: 100%; }\n    .fbfeatv-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }\n    .fbfeatv-input { width: 100%; min-height: 56px; border: 1px solid var(--fbfeatv-border); border-radius: 17px; background: var(--fbfeatv-surface-2); color: var(--fbfeatv-text); padding: 0 48px 0 16px !important; font: inherit; font-size: 15px; outline: none; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }\n    .fbfeatv-input:focus { border-color: var(--fbfeatv-primary); background: #fff; box-shadow: 0 0 0 4px rgba(23,99,230,.12); }\n    .fbfeatv-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0; border-radius: 12px; background: #eaf2ff; color: var(--fbfeatv-primary-2); cursor: pointer; display: none; font-size: 18px; line-height: 1; }\n    .fbfeatv-submit { min-height: 56px; border: 0; border-radius: 17px; padding: 0 22px; background: linear-gradient(135deg, var(--fbfeatv-primary), var(--fbfeatv-accent)); color: #fff; font: inherit; font-size: 15px; font-weight: 900; cursor: pointer; white-space: nowrap; box-shadow: 0 16px 32px rgba(23,99,230,.22); transition: transform .18s ease, opacity .18s ease; }\n    .fbfeatv-submit:hover { transform: translateY(-1px); }\n    .fbfeatv-submit:disabled { opacity: .72; cursor: not-allowed; transform: none; }\n    .fbfeatv-helper-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; }\n    .fbfeatv-helper { color: var(--fbfeatv-muted); font-size: 13px; line-height: 1.5; }\n    .fbfeatv-safe { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; background: #edf6ff; color: #245c9b; font-size: 12px; font-weight: 800; border: 1px solid #d6e9ff; }\n    .fbfeatv-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 16px; }\n    .fbfeatv-chip { border: 1px solid #dbeaff; background: #fff; color: #2d5d93; border-radius: 999px; padding: 8px 11px; font-size: 12px; font-weight: 800; }\n    .fbfeatv-notice { width: 100%; max-width: 1200px; margin: 14px auto 0; border: 1px solid #dbe6f4; background: rgba(255,255,255,.78); border-radius: 18px; padding: 12px 14px; color: var(--fbfeatv-muted); text-align: center; font-size: 13px; line-height: 1.55; }\n    .fbfeatv-state { display: none; width: 100%; max-width: 1200px; margin: 16px auto 0; border-radius: 18px; overflow: hidden; border: 1px solid #cfe4ff; background: #eff7ff; color: #19599c; padding: 13px 15px; font-size: 14px; font-weight: 800; line-height: 1.5; }\n    .fbfeatv-state.fbfeatv-error { border-color: #ffd1d7; background: #fff2f3; color: var(--fbfeatv-error); }\n    .fbfeatv-loading { display: none; width: 100%; max-width: 1200px; margin: 18px auto 0; border-radius: 24px; border: 1px solid var(--fbfeatv-border); background: #fff; padding: 18px; box-shadow: 0 18px 50px rgba(29,87,170,.08); }\n    .fbfeatv-loading-top { display: flex; align-items: center; gap: 12px; color: var(--fbfeatv-primary-2); font-weight: 900; margin-bottom: 16px; }\n    .fbfeatv-spinner { width: 22px; height: 22px; border-radius: 50%; border: 3px solid #d7e9ff; border-top-color: var(--fbfeatv-primary); animation: fbfeatv-spin .8s linear infinite; }\n    .fbfeatv-skeleton-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; }\n    .fbfeatv-skel { border-radius: 16px; background: linear-gradient(90deg,#eef5ff,#dfeeff,#eef5ff); background-size: 220% 100%; animation: fbfeatv-shimmer 1.2s linear infinite; }\n    .fbfeatv-skel-cover { aspect-ratio: 851\/315; min-height: 150px; }\n    .fbfeatv-skel-lines { display: grid; gap: 10px; align-content: start; }\n    .fbfeatv-skel-line { height: 14px; }\n    .fbfeatv-skel-line:nth-child(1) { width: 90%; }\n    .fbfeatv-skel-line:nth-child(2) { width: 72%; }\n    .fbfeatv-skel-line:nth-child(3) { width: 84%; }\n    .fbfeatv-empty { width: 100%; max-width: 1200px; margin: 20px auto 0; padding: 24px; border-radius: 24px; background: rgba(255,255,255,.82); border: 1px dashed #cbdcf3; text-align: center; color: var(--fbfeatv-muted); }\n    .fbfeatv-empty-title { margin: 0 0 7px; color: var(--fbfeatv-text); font-size: 17px; font-weight: 950; }\n    .fbfeatv-empty-text { margin: 0; font-size: 14px; line-height: 1.6; }\n    .fbfeatv-results { display: none; width: 100%; max-width: 1200px; margin: 22px auto 0; }\n    .fbfeatv-profile-card { width: 100%; border-radius: 24px; background: #fff; border: 1px solid var(--fbfeatv-border); box-shadow: 0 20px 54px rgba(29,87,170,.10); overflow: hidden; margin-bottom: 16px; }\n    .fbfeatv-fb-cover { width: 100%; aspect-ratio: 851\/315; background: linear-gradient(135deg,#dcecff,#f9fbff); position: relative; overflow: hidden; }\n    .fbfeatv-fb-cover-img { width: 100%; height: 100%; object-fit: cover; display: block; cursor: zoom-in; }\n    .fbfeatv-fb-cover-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: #6f85a5; font-weight: 900; background: radial-gradient(circle at 26% 32%, rgba(24,185,255,.24), transparent 34%), radial-gradient(circle at 76% 38%, rgba(23,99,230,.18), transparent 30%), linear-gradient(135deg,#e9f3ff,#fff); }\n    .fbfeatv-profile-row { display: flex; align-items: flex-end; gap: 16px; padding: 0 22px 20px; margin-top: -48px; position: relative; z-index: 2; }\n    .fbfeatv-avatar { width: 112px; height: 112px; border-radius: 50%; border: 5px solid #fff; background: #edf5ff; overflow: hidden; flex: 0 0 auto; box-shadow: 0 14px 30px rgba(12,40,80,.18); cursor: zoom-in; }\n    .fbfeatv-avatar-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    .fbfeatv-avatar-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: var(--fbfeatv-primary-2); font-size: 34px; font-weight: 950; background: linear-gradient(135deg,#e9f3ff,#fff); }\n    .fbfeatv-profile-info { min-width: 0; padding-top: 54px; flex: 1; }\n    .fbfeatv-name-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n    .fbfeatv-profile-name { margin: 0; font-size: clamp(22px, 3vw, 34px); line-height: 1.1; font-weight: 950; letter-spacing: -.03em; color: var(--fbfeatv-text); word-break: break-word; }\n    .fbfeatv-verified { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--fbfeatv-primary); color: #fff; font-size: 13px; font-weight: 950; }\n    .fbfeatv-meta-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }\n    .fbfeatv-pill { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #dbeaff; background: #f2f8ff; color: #3d5f86; border-radius: 999px; padding: 7px 10px; font-size: 12px; font-weight: 850; word-break: break-word; }\n    .fbfeatv-section { width: 100%; border-radius: 24px; background: #fff; border: 1px solid var(--fbfeatv-border); box-shadow: 0 16px 44px rgba(29,87,170,.07); padding: clamp(16px, 2vw, 20px); margin: 16px 0 0; }\n    .fbfeatv-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 14px; }\n    .fbfeatv-section-title { margin: 0; color: var(--fbfeatv-text); font-size: clamp(18px, 2.2vw, 24px); line-height: 1.2; font-weight: 950; letter-spacing: -.025em; }\n    .fbfeatv-section-note { margin: 4px 0 0; color: var(--fbfeatv-muted); font-size: 13px; line-height: 1.5; }\n    .fbfeatv-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }\n    .fbfeatv-grid-two { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }\n    .fbfeatv-media-card { min-width: 0; border: 1px solid #dce8f8; border-radius: 18px; background: var(--fbfeatv-surface-2); overflow: hidden; }\n    .fbfeatv-media-box { width: 100%; aspect-ratio: 1\/1; background: #eaf2ff; display: grid; place-items: center; overflow: hidden; }\n    .fbfeatv-media-img { width: 100%; height: 100%; object-fit: cover; display: block; cursor: zoom-in; }\n    .fbfeatv-cover-preview { width: 100%; aspect-ratio: 851\/315; background: #eaf2ff; border-radius: 18px; overflow: hidden; border: 1px solid #dce8f8; }\n    .fbfeatv-cover-preview .fbfeatv-media-img { object-fit: cover; }\n    .fbfeatv-media-body { padding: 12px; }\n    .fbfeatv-media-title { margin: 0 0 8px; color: var(--fbfeatv-text); font-size: 14px; font-weight: 950; line-height: 1.3; }\n    .fbfeatv-media-meta { color: var(--fbfeatv-muted); font-size: 12px; line-height: 1.45; margin: 0 0 10px; }\n    .fbfeatv-actions { display: flex; flex-wrap: wrap; gap: 8px; }\n    .fbfeatv-action { border: 1px solid #cfe0f7; background: #fff; color: var(--fbfeatv-primary-2); border-radius: 12px; padding: 9px 11px; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; line-height: 1; transition: background .18s ease, transform .18s ease; }\n    .fbfeatv-action:hover { background: #edf6ff; transform: translateY(-1px); }\n    .fbfeatv-action.fbfeatv-primary-action { background: var(--fbfeatv-primary); color: #fff; border-color: var(--fbfeatv-primary); }\n    .fbfeatv-video-card { border: 1px solid #dce8f8; border-radius: 18px; background: var(--fbfeatv-surface-2); overflow: hidden; }\n    .fbfeatv-video-thumb { width: 100%; aspect-ratio: 16\/9; position: relative; background: #0e203c; display: grid; place-items: center; overflow: hidden; }\n    .fbfeatv-video-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .92; }\n    .fbfeatv-inline-video { width: 100%; height: 100%; object-fit: cover; display: block; background: #000; }\n    .fbfeatv-post-media .fbfeatv-inline-video { width: 100%; height: 100%; object-fit: cover; }\n    .fbfeatv-play-badge { position: absolute; inset: auto auto 12px 12px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; background: rgba(255,255,255,.92); color: var(--fbfeatv-text); border-radius: 999px; font-size: 12px; font-weight: 950; }\n    .fbfeatv-video-body { padding: 13px; }\n    .fbfeatv-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }\n    .fbfeatv-fact { border: 1px solid #dce8f8; background: var(--fbfeatv-surface-2); border-radius: 16px; padding: 12px; min-width: 0; }\n    .fbfeatv-fact-label { color: var(--fbfeatv-muted); font-size: 12px; font-weight: 850; margin-bottom: 4px; }\n    .fbfeatv-fact-value { color: var(--fbfeatv-text); font-size: 15px; font-weight: 950; line-height: 1.35; word-break: break-word; }\n    .fbfeatv-intro-list { display: grid; gap: 10px; }\n    .fbfeatv-intro-row { display: grid; grid-template-columns: 170px 1fr; gap: 12px; border: 1px solid #e1ebf8; border-radius: 16px; padding: 12px; background: var(--fbfeatv-surface-2); }\n    .fbfeatv-intro-label { color: var(--fbfeatv-muted); font-size: 13px; font-weight: 900; }\n    .fbfeatv-intro-value { color: var(--fbfeatv-text); font-size: 13px; line-height: 1.55; word-break: break-word; }\n    .fbfeatv-section-pills { display: flex; flex-wrap: wrap; gap: 9px; }\n    .fbfeatv-section-pill { border: 1px solid #dbeaff; background: var(--fbfeatv-surface-2); color: #234e82; border-radius: 999px; padding: 9px 12px; font-size: 12px; font-weight: 900; }\n    .fbfeatv-post-card { border: 1px solid #dce8f8; background: var(--fbfeatv-surface-2); border-radius: 18px; padding: 14px; min-width: 0; }\n    .fbfeatv-post-text { color: var(--fbfeatv-text); font-size: 14px; line-height: 1.58; margin: 0 0 12px; }\n    .fbfeatv-post-media { width: 100%; border-radius: 15px; overflow: hidden; border: 1px solid #dce8f8; margin-bottom: 12px; background: #eaf2ff; aspect-ratio: 16\/10; display: grid; place-items: center; }\n    .fbfeatv-post-media img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    .fbfeatv-shape-toggle { display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: #edf6ff; border: 1px solid #dbeaff; }\n    .fbfeatv-shape-btn { border: 0; border-radius: 999px; background: transparent; color: #345f93; padding: 7px 10px; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; }\n    .fbfeatv-shape-btn.fbfeatv-active { background: #fff; color: var(--fbfeatv-primary-2); box-shadow: 0 4px 14px rgba(20,70,130,.10); }\n    .fbfeatv-square-mode .fbfeatv-media-box.fbfeatv-dp-box, .fbfeatv-square-mode .fbfeatv-media-box.fbfeatv-dp-box .fbfeatv-media-img { border-radius: 0; }\n    .fbfeatv-dp-box, .fbfeatv-dp-box .fbfeatv-media-img { border-radius: 50%; }\n\n    .fbfeatv-fb-cover-actions { position: absolute; right: 14px; bottom: 14px; display: flex; flex-wrap: wrap; gap: 8px; z-index: 3; }\n    .fbfeatv-fb-cover-actions .fbfeatv-action { background: rgba(255,255,255,.94); backdrop-filter: blur(6px); box-shadow: 0 8px 24px rgba(12,40,80,.18); }\n    .fbfeatv-fb-cover-actions .fbfeatv-action.fbfeatv-primary-action { background: var(--fbfeatv-primary) !important; color: #fff !important; border-color: var(--fbfeatv-primary) !important; }\n    @media (max-width: 640px) { .fbfeatv-fb-cover-actions { right: 10px !important; left: auto !important; justify-content: flex-end !important; align-items: flex-end !important; } }\n\n    .fbfeatv-avatar-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }\n    .fbfeatv-tabs-wrap { width: 100%; margin-top: 16px; }\n    .fbfeatv-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 12px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }\n    .fbfeatv-tab-btn { flex: 0 0 auto; border: 1px solid var(--fbfeatv-border); background: #fff; color: #315d90; border-radius: 999px; padding: 10px 14px; font: inherit; font-size: 13px; font-weight: 950; cursor: pointer; white-space: nowrap; box-shadow: 0 8px 20px rgba(29,87,170,.06); }\n    .fbfeatv-tab-btn.fbfeatv-active { color: #fff; border-color: var(--fbfeatv-primary); background: linear-gradient(135deg, var(--fbfeatv-primary), var(--fbfeatv-accent)); }\n    .fbfeatv-tab-panels { width: 100%; }\n    .fbfeatv-tab-panel { display: none; }\n    .fbfeatv-tab-panel.fbfeatv-active { display: block; }\n    .fbfeatv-modal { position: fixed !important; inset: 0 !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; min-height: 100vh !important; height: 100dvh !important; min-height: 100dvh !important; z-index: 2147483000 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; background: rgba(3,10,24,.88) !important; backdrop-filter: blur(10px); overflow: hidden !important; transform: none !important; isolation: isolate !important; }\n    .fbfeatv-modal.fbfeatv-open { display: flex !important; }\n    .fbfeatv-modal-panel { position: relative !important; width: min(80vw, 1120px) !important; height: min(80vh, 820px) !important; max-width: 80vw !important; max-height: 80vh !important; margin: auto !important; border-radius: 22px; background: #071a31 !important; overflow: hidden !important; box-shadow: 0 30px 100px rgba(0,0,0,.48); display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; transform: none !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }\n    .fbfeatv-modal-head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; background: rgba(255,255,255,.06); color: #fff; }\n    .fbfeatv-modal-title { margin: 0; font-size: 14px; font-weight: 950; line-height: 1.3; }\n    .fbfeatv-modal-close { border: 0; border-radius: 12px; background: rgba(255,255,255,.14); color: #fff; width: 38px; height: 38px; font-size: 24px; cursor: pointer; line-height: 1; }\n    .fbfeatv-modal-body { min-width: 0 !important; min-height: 0 !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px !important; overflow: hidden !important; background: #071a31 !important; }\n    .fbfeatv-modal-img { display: block; max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; border-radius: 16px; background: #fff; margin: auto !important; }\n    .fbfeatv-modal-video { display: block; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; border-radius: 16px; background: #000; margin: auto !important; }\n    .fbfeatv-toast { position: fixed; left: 50%; bottom: 20px; z-index: 2147483001; transform: translate(-50%, 18px); opacity: 0; pointer-events: none; background: #10233f; color: #fff; border-radius: 999px; padding: 10px 14px; font-size: 13px; font-weight: 900; box-shadow: 0 18px 50px rgba(0,0,0,.22); transition: opacity .18s ease, transform .18s ease; }\n    .fbfeatv-toast.fbfeatv-show { opacity: 1; transform: translate(-50%,0); }\n    @keyframes fbfeatv-spin { to { transform: rotate(360deg); } }\n    @keyframes fbfeatv-shimmer { to { background-position: -220% 0; } }\n    @media (prefers-reduced-motion: reduce) { .fbfeatv-spinner, .fbfeatv-skel { animation: none; } .fbfeatv-submit, .fbfeatv-action { transition: none; } }\n    @media (max-width: 900px) { .fbfeatv-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .fbfeatv-grid-two { grid-template-columns: 1fr; } .fbfeatv-facts { grid-template-columns: repeat(2,minmax(0,1fr)); } .fbfeatv-skeleton-grid { grid-template-columns: 1fr; } }\n    @media (max-width: 640px) { .fbfeatv-wrapper { padding: 22px 10px; } .fbfeatv-form { grid-template-columns: 1fr; } .fbfeatv-submit, .fbfeatv-input { min-height: 50px; border-radius: 15px; } .fbfeatv-helper-row { align-items: flex-start; } .fbfeatv-profile-row { margin-top: -38px; padding: 0 14px 16px; gap: 12px; align-items: center; } .fbfeatv-avatar { width: 86px; height: 86px; border-width: 4px; } .fbfeatv-profile-info { padding-top: 42px; } .fbfeatv-grid { grid-template-columns: 1fr; } .fbfeatv-facts { grid-template-columns: 1fr; } .fbfeatv-intro-row { grid-template-columns: 1fr; gap: 5px; } .fbfeatv-section-head { flex-direction: column; align-items: flex-start; } .fbfeatv-modal-panel { width: min(92vw, 1120px) !important; height: min(80vh, 820px) !important; max-width: 92vw !important; max-height: 80vh !important; } }\n    @media (max-width: 420px) { .fbfeatv-title { font-size: 29px; } .fbfeatv-profile-row { flex-direction: column; align-items: flex-start; } .fbfeatv-profile-info { padding-top: 0; } }\n\n\/* --- Codex CSS updates --- *\/\n\/* CSS SECTION: Tool styling. Copy this <style> block if you want separate CSS. *\/\n.fbfeatv-wrapper,\n.fbfeatv-wrapper * {\n  box-sizing: border-box;\n}\n\n.fbfeatv-wrapper {\n  --fbfeatv-primary: #2563eb;\n  --fbfeatv-primary-2: #1d4ed8;\n  --fbfeatv-primary-3: #0f3ea8;\n  --fbfeatv-accent: #06b6d4;\n  --fbfeatv-accent-2: #22d3ee;\n  --fbfeatv-bg: #f4f8ff;\n  --fbfeatv-surface: #ffffff;\n  --fbfeatv-surface-2: #f8fbff;\n  --fbfeatv-surface-3: rgba(255,255,255,.82);\n  --fbfeatv-text: #0f172a;\n  --fbfeatv-muted: #64748b;\n  --fbfeatv-border: #dbe7f7;\n  --fbfeatv-border-2: #c8d8ee;\n  --fbfeatv-success: #059669;\n  --fbfeatv-error: #dc2626;\n  --fbfeatv-warning: #b45309;\n  --fbfeatv-ring: rgba(37,99,235,.18);\n  --fbfeatv-shadow-sm: 0 8px 24px rgba(15,23,42,.07);\n  --fbfeatv-shadow-md: 0 18px 48px rgba(29,78,216,.12);\n  --fbfeatv-shadow-lg: 0 28px 80px rgba(15,23,42,.16);\n  position: relative;\n  width: 100%;\n  min-height: 100%;\n  overflow-x: hidden;\n  background:\n    radial-gradient(760px 420px at 8% 0%, rgba(34,211,238,.22), transparent 62%),\n    radial-gradient(760px 420px at 96% 7%, rgba(37,99,235,.20), transparent 60%),\n    linear-gradient(180deg, #f8fbff 0%, var(--fbfeatv-bg) 48%, #eef6ff 100%);\n  color: var(--fbfeatv-text);\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  padding: clamp(26px, 4.5vw, 56px) 14px;\n  isolation: isolate;\n}\n\n.fbfeatv-container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.fbfeatv-hero {\n  width: 100%;\n  text-align: center;\n  margin: 0 auto 22px;\n}\n\n.fbfeatv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 13px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.86);\n  border: 1px solid rgba(219,231,247,.95);\n  color: var(--fbfeatv-primary-2);\n  font-size: 12px;\n  font-weight: 850;\n  letter-spacing: .01em;\n  box-shadow: var(--fbfeatv-shadow-sm);\n  backdrop-filter: blur(14px);\n}\n\n.fbfeatv-badge-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 999px;\n  background: var(--fbfeatv-success);\n  box-shadow: 0 0 0 4px rgba(5,150,105,.13), 0 0 18px rgba(5,150,105,.38);\n}\n\n.fbfeatv-title {\n  margin: 16px 0 0;\n  color: var(--fbfeatv-text);\n  font-size: clamp(32px, 5vw, 58px);\n  line-height: 1.04;\n  font-weight: 950;\n  letter-spacing: -.04em;\n}\n\n.fbfeatv-subtitle {\n  max-width: 820px;\n  margin: 14px auto 0;\n  color: var(--fbfeatv-muted);\n  font-size: clamp(14px, 1.5vw, 18px);\n  line-height: 1.65;\n}\n\n.fbfeatv-search-card {\n  width: 100%;\n  max-width: 1200px;\n  margin: 26px auto 0;\n  border: 1px solid rgba(219,231,247,.95);\n  border-radius: 28px;\n  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.86));\n  box-shadow: var(--fbfeatv-shadow-lg);\n  padding: clamp(16px, 2.2vw, 22px);\n  backdrop-filter: blur(18px);\n}\n\n.fbfeatv-form {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 12px;\n  align-items: stretch;\n  width: 100%;\n}\n\n.fbfeatv-field {\n  position: relative;\n  min-width: 0;\n  width: 100%;\n}\n\n.fbfeatv-label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n\n.fbfeatv-input {\n  width: 100%;\n  min-height: 58px;\n  border: 1px solid var(--fbfeatv-border);\n  border-radius: 18px;\n  background: rgba(255,255,255,.78);\n  color: var(--fbfeatv-text);\n  padding: 0 50px 0 18px !important;\n  font: inherit;\n  font-size: 15px;\n  outline: none;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 20px rgba(15,23,42,.04);\n  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;\n}\n\n.fbfeatv-input::placeholder {\n  color: #94a3b8;\n}\n\n.fbfeatv-input:hover {\n  border-color: var(--fbfeatv-border-2);\n  background: #fff;\n}\n\n.fbfeatv-input:focus {\n  border-color: var(--fbfeatv-primary);\n  background: #fff;\n  box-shadow: 0 0 0 4px var(--fbfeatv-ring), 0 12px 30px rgba(37,99,235,.10);\n}\n\n.fbfeatv-clear {\n  position: absolute;\n  right: 11px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 34px;\n  height: 34px;\n  border: 1px solid rgba(200,216,238,.85);\n  border-radius: 13px;\n  background: #eef6ff;\n  color: var(--fbfeatv-primary-2);\n  cursor: pointer;\n  display: none;\n  font-size: 18px;\n  line-height: 1;\n  box-shadow: 0 8px 18px rgba(37,99,235,.08);\n  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;\n}\n\n.fbfeatv-clear:hover {\n  background: #dff0ff;\n  transform: translateY(-50%) scale(1.04);\n}\n\n.fbfeatv-clear:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--fbfeatv-ring);\n}\n\n.fbfeatv-submit {\n  min-height: 58px;\n  border: 0;\n  border-radius: 18px;\n  padding: 0 24px;\n  background: linear-gradient(135deg, var(--fbfeatv-primary-3), var(--fbfeatv-primary) 48%, var(--fbfeatv-accent));\n  color: #fff;\n  font: inherit;\n  font-size: 15px;\n  font-weight: 950;\n  cursor: pointer;\n  white-space: nowrap;\n  box-shadow: 0 18px 36px rgba(37,99,235,.25), inset 0 1px 0 rgba(255,255,255,.25);\n  transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease, filter .18s ease;\n}\n\n.fbfeatv-submit:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 22px 44px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.28);\n  filter: saturate(1.08);\n}\n\n.fbfeatv-submit:active {\n  transform: translateY(0);\n  box-shadow: 0 12px 24px rgba(37,99,235,.22);\n}\n\n.fbfeatv-submit:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--fbfeatv-ring), 0 18px 36px rgba(37,99,235,.25);\n}\n\n.fbfeatv-submit:disabled {\n  opacity: .68;\n  cursor: not-allowed;\n  transform: none;\n  filter: grayscale(.1);\n}\n\n.fbfeatv-helper-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  margin-top: 13px;\n}\n\n.fbfeatv-helper {\n  color: var(--fbfeatv-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.fbfeatv-safe {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 11px;\n  border-radius: 999px;\n  background: #ecfdf5;\n  color: #047857;\n  font-size: 12px;\n  font-weight: 850;\n  border: 1px solid #bbf7d0;\n  box-shadow: 0 8px 18px rgba(5,150,105,.08);\n}\n\n.fbfeatv-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n  margin-top: 17px;\n}\n\n.fbfeatv-chip {\n  border: 1px solid #dbeafe;\n  background: rgba(255,255,255,.82);\n  color: #315d90;\n  border-radius: 999px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 850;\n  box-shadow: 0 6px 16px rgba(15,23,42,.04);\n  transition: transform .18s ease, border-color .18s ease, background .18s ease;\n}\n\n.fbfeatv-chip:hover {\n  transform: translateY(-1px);\n  border-color: #bfdbfe;\n  background: #fff;\n}\n\n.fbfeatv-notice {\n  width: 100%;\n  max-width: 1200px;\n  margin: 14px auto 0;\n  border: 1px solid var(--fbfeatv-border);\n  background: rgba(255,255,255,.82);\n  border-radius: 20px;\n  padding: 13px 15px;\n  color: var(--fbfeatv-muted);\n  text-align: center;\n  font-size: 13px;\n  line-height: 1.55;\n  box-shadow: var(--fbfeatv-shadow-sm);\n  backdrop-filter: blur(12px);\n}\n\n.fbfeatv-state {\n  display: none;\n  width: 100%;\n  max-width: 1200px;\n  margin: 16px auto 0;\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid #bfdbfe;\n  background: linear-gradient(135deg, #eff6ff, #ecfeff);\n  color: #1d4ed8;\n  padding: 14px 16px;\n  font-size: 14px;\n  font-weight: 850;\n  line-height: 1.5;\n  box-shadow: var(--fbfeatv-shadow-sm);\n}\n\n.fbfeatv-state.fbfeatv-error {\n  border-color: #fecdd3;\n  background: linear-gradient(135deg, #fff1f2, #fff7ed);\n  color: var(--fbfeatv-error);\n}\n\n.fbfeatv-loading {\n  display: none;\n  width: 100%;\n  max-width: 1200px;\n  margin: 18px auto 0;\n  border-radius: 26px;\n  border: 1px solid var(--fbfeatv-border);\n  background: rgba(255,255,255,.9);\n  padding: clamp(16px, 2vw, 20px);\n  box-shadow: var(--fbfeatv-shadow-md);\n  backdrop-filter: blur(14px);\n}\n\n.fbfeatv-loading-top {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--fbfeatv-primary-2);\n  font-weight: 950;\n  margin-bottom: 16px;\n}\n\n.fbfeatv-spinner {\n  width: 23px;\n  height: 23px;\n  border-radius: 50%;\n  border: 3px solid #dbeafe;\n  border-top-color: var(--fbfeatv-primary);\n  animation: fbfeatv-spin .8s linear infinite;\n}\n\n.fbfeatv-skeleton-grid {\n  display: grid;\n  grid-template-columns: 1.2fr .8fr;\n  gap: 14px;\n}\n\n.fbfeatv-skel {\n  border-radius: 17px;\n  background: linear-gradient(90deg,#eef5ff,#dbeafe,#ecfeff,#eef5ff);\n  background-size: 240% 100%;\n  animation: fbfeatv-shimmer 1.2s linear infinite;\n}\n\n.fbfeatv-skel-cover {\n  aspect-ratio: 851\/315;\n  min-height: 150px;\n}\n\n.fbfeatv-skel-lines {\n  display: grid;\n  gap: 10px;\n  align-content: start;\n}\n\n.fbfeatv-skel-line {\n  height: 14px;\n}\n\n.fbfeatv-skel-line:nth-child(1) {\n  width: 90%;\n}\n\n.fbfeatv-skel-line:nth-child(2) {\n  width: 72%;\n}\n\n.fbfeatv-skel-line:nth-child(3) {\n  width: 84%;\n}\n\n.fbfeatv-empty {\n  width: 100%;\n  max-width: 1200px;\n  margin: 20px auto 0;\n  padding: clamp(22px, 3vw, 30px);\n  border-radius: 26px;\n  background: rgba(255,255,255,.76);\n  border: 1px dashed #bfd2eb;\n  text-align: center;\n  color: var(--fbfeatv-muted);\n  box-shadow: var(--fbfeatv-shadow-sm);\n  backdrop-filter: blur(12px);\n}\n\n.fbfeatv-empty-title {\n  margin: 0 0 7px;\n  color: var(--fbfeatv-text);\n  font-size: 17px;\n  font-weight: 950;\n}\n\n.fbfeatv-empty-text {\n  margin: 0 auto;\n  max-width: 760px;\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.fbfeatv-results {\n  display: none;\n  width: 100%;\n  max-width: 1200px;\n  margin: 22px auto 0;\n}\n\n.fbfeatv-profile-card {\n  width: 100%;\n  border-radius: 26px;\n  background: rgba(255,255,255,.94);\n  border: 1px solid var(--fbfeatv-border);\n  box-shadow: var(--fbfeatv-shadow-lg);\n  overflow: hidden;\n  margin-bottom: 16px;\n  backdrop-filter: blur(14px);\n}\n\n.fbfeatv-fb-cover {\n  width: 100%;\n  aspect-ratio: 851\/315;\n  background: linear-gradient(135deg,#dbeafe,#f8fbff);\n  position: relative;\n  overflow: hidden;\n}\n\n.fbfeatv-fb-cover::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background: linear-gradient(180deg, transparent 48%, rgba(15,23,42,.18));\n}\n\n.fbfeatv-fb-cover-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  cursor: zoom-in;\n  transition: transform .35s ease, filter .35s ease;\n}\n\n.fbfeatv-fb-cover-img:hover {\n  transform: scale(1.015);\n  filter: saturate(1.04);\n}\n\n.fbfeatv-fb-cover-placeholder {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  place-items: center;\n  color: #64748b;\n  font-weight: 950;\n  background:\n    radial-gradient(circle at 24% 30%, rgba(34,211,238,.30), transparent 34%),\n    radial-gradient(circle at 78% 38%, rgba(37,99,235,.22), transparent 32%),\n    linear-gradient(135deg,#eaf4ff,#ffffff);\n}\n\n.fbfeatv-profile-row {\n  display: flex;\n  align-items: flex-end;\n  gap: 16px;\n  padding: 0 24px 22px;\n  margin-top: -50px;\n  position: relative;\n  z-index: 2;\n}\n\n.fbfeatv-avatar {\n  width: 114px;\n  height: 114px;\n  border-radius: 50%;\n  border: 5px solid #fff;\n  background: #edf5ff;\n  overflow: hidden;\n  flex: 0 0 auto;\n  box-shadow: 0 18px 36px rgba(15,23,42,.20);\n  cursor: zoom-in;\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n\n.fbfeatv-avatar:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 22px 44px rgba(15,23,42,.24);\n}\n\n.fbfeatv-avatar-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.fbfeatv-avatar-fallback {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  place-items: center;\n  color: var(--fbfeatv-primary-2);\n  font-size: 34px;\n  font-weight: 950;\n  background: linear-gradient(135deg,#e0f2fe,#fff,#dbeafe);\n}\n\n.fbfeatv-profile-info {\n  min-width: 0;\n  padding-top: 56px;\n  flex: 1;\n}\n\n.fbfeatv-name-row {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.fbfeatv-profile-name {\n  margin: 0;\n  font-size: clamp(22px, 3vw, 34px);\n  line-height: 1.1;\n  font-weight: 950;\n  letter-spacing: -.03em;\n  color: var(--fbfeatv-text);\n  word-break: break-word;\n}\n\n.fbfeatv-verified {\n  display: inline-grid;\n  place-items: center;\n  width: 23px;\n  height: 23px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--fbfeatv-primary), var(--fbfeatv-accent));\n  color: #fff;\n  font-size: 13px;\n  font-weight: 950;\n  box-shadow: 0 8px 18px rgba(37,99,235,.22);\n}\n\n.fbfeatv-meta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.fbfeatv-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 1px solid #dbeafe;\n  background: #f5f9ff;\n  color: #385f8d;\n  border-radius: 999px;\n  padding: 7px 11px;\n  font-size: 12px;\n  font-weight: 850;\n  word-break: break-word;\n}\n\n.fbfeatv-section {\n  width: 100%;\n  border-radius: 26px;\n  background: rgba(255,255,255,.92);\n  border: 1px solid var(--fbfeatv-border);\n  box-shadow: var(--fbfeatv-shadow-md);\n  padding: clamp(16px, 2vw, 22px);\n  margin: 16px 0 0;\n  backdrop-filter: blur(12px);\n}\n\n.fbfeatv-section-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 14px;\n  margin-bottom: 15px;\n}\n\n.fbfeatv-section-title {\n  margin: 0;\n  color: var(--fbfeatv-text);\n  font-size: clamp(18px, 2.2vw, 24px);\n  line-height: 1.2;\n  font-weight: 950;\n  letter-spacing: -.025em;\n}\n\n.fbfeatv-section-note {\n  margin: 4px 0 0;\n  color: var(--fbfeatv-muted);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.fbfeatv-grid {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 13px;\n}\n\n.fbfeatv-grid-two {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 13px;\n}\n\n.fbfeatv-media-card {\n  min-width: 0;\n  border: 1px solid #dce8f8;\n  border-radius: 20px;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  overflow: hidden;\n  box-shadow: 0 10px 26px rgba(15,23,42,.06);\n  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n\n.fbfeatv-media-card:hover {\n  transform: translateY(-2px);\n  border-color: #bfdbfe;\n  box-shadow: 0 18px 36px rgba(15,23,42,.10);\n}\n\n.fbfeatv-media-box {\n  width: 100%;\n  aspect-ratio: 1\/1;\n  background: #eaf2ff;\n  display: grid;\n  place-items: center;\n  overflow: hidden;\n}\n\n.fbfeatv-media-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  cursor: zoom-in;\n  transition: transform .28s ease, filter .28s ease;\n}\n\n.fbfeatv-media-img:hover {\n  transform: scale(1.025);\n  filter: saturate(1.04);\n}\n\n.fbfeatv-cover-preview {\n  width: 100%;\n  aspect-ratio: 851\/315;\n  background: #eaf2ff;\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid #dce8f8;\n  box-shadow: 0 10px 26px rgba(15,23,42,.06);\n}\n\n.fbfeatv-cover-preview .fbfeatv-media-img {\n  object-fit: cover;\n}\n\n.fbfeatv-media-body {\n  padding: 13px;\n}\n\n.fbfeatv-media-title {\n  margin: 0 0 8px;\n  color: var(--fbfeatv-text);\n  font-size: 14px;\n  font-weight: 950;\n  line-height: 1.32;\n}\n\n.fbfeatv-media-meta {\n  color: var(--fbfeatv-muted);\n  font-size: 12px;\n  line-height: 1.48;\n  margin: 0 0 10px;\n}\n\n.fbfeatv-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.fbfeatv-action {\n  border: 1px solid #cfe0f7;\n  background: #fff;\n  color: var(--fbfeatv-primary-2);\n  border-radius: 13px;\n  padding: 10px 12px;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 900;\n  cursor: pointer;\n  line-height: 1;\n  box-shadow: 0 8px 18px rgba(15,23,42,.05);\n  transition: background .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease;\n}\n\n.fbfeatv-action:hover {\n  background: #eff6ff;\n  border-color: #bfdbfe;\n  transform: translateY(-1px);\n  box-shadow: 0 12px 24px rgba(15,23,42,.08);\n}\n\n.fbfeatv-action:active {\n  transform: translateY(0);\n}\n\n.fbfeatv-action:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--fbfeatv-ring);\n}\n\n.fbfeatv-action.fbfeatv-primary-action {\n  background: linear-gradient(135deg, var(--fbfeatv-primary-2), var(--fbfeatv-primary), var(--fbfeatv-accent));\n  color: #fff;\n  border-color: transparent;\n}\n\n.fbfeatv-video-card {\n  border: 1px solid #dce8f8;\n  border-radius: 20px;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  overflow: hidden;\n  box-shadow: 0 10px 26px rgba(15,23,42,.06);\n}\n\n.fbfeatv-video-thumb {\n  width: 100%;\n  aspect-ratio: 16\/9;\n  position: relative;\n  background: #0f172a;\n  display: grid;\n  place-items: center;\n  overflow: hidden;\n}\n\n.fbfeatv-video-thumb img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  opacity: .94;\n}\n\n.fbfeatv-inline-video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  background: #000;\n}\n\n.fbfeatv-post-media .fbfeatv-inline-video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.fbfeatv-play-badge {\n  position: absolute;\n  inset: auto auto 12px 12px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 11px;\n  background: rgba(255,255,255,.93);\n  color: var(--fbfeatv-text);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 950;\n  box-shadow: 0 10px 22px rgba(0,0,0,.18);\n  backdrop-filter: blur(10px);\n}\n\n.fbfeatv-video-body {\n  padding: 14px;\n}\n\n.fbfeatv-facts {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 11px;\n}\n\n.fbfeatv-fact {\n  border: 1px solid #dce8f8;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  border-radius: 18px;\n  padding: 13px;\n  min-width: 0;\n  box-shadow: 0 8px 20px rgba(15,23,42,.04);\n}\n\n.fbfeatv-fact-label {\n  color: var(--fbfeatv-muted);\n  font-size: 12px;\n  font-weight: 850;\n  margin-bottom: 4px;\n}\n\n.fbfeatv-fact-value {\n  color: var(--fbfeatv-text);\n  font-size: 15px;\n  font-weight: 950;\n  line-height: 1.35;\n  word-break: break-word;\n}\n\n.fbfeatv-intro-list {\n  display: grid;\n  gap: 10px;\n}\n\n.fbfeatv-intro-row {\n  display: grid;\n  grid-template-columns: 170px minmax(0, 1fr);\n  gap: 12px;\n  border: 1px solid #e1ebf8;\n  border-radius: 18px;\n  padding: 13px;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  box-shadow: 0 8px 18px rgba(15,23,42,.035);\n}\n\n.fbfeatv-intro-label {\n  color: var(--fbfeatv-muted);\n  font-size: 13px;\n  font-weight: 900;\n}\n\n.fbfeatv-intro-value {\n  color: var(--fbfeatv-text);\n  font-size: 13px;\n  line-height: 1.58;\n  word-break: break-word;\n}\n\n.fbfeatv-section-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n}\n\n.fbfeatv-section-pill {\n  border: 1px solid #dbeafe;\n  background: #f8fbff;\n  color: #234e82;\n  border-radius: 999px;\n  padding: 9px 12px;\n  font-size: 12px;\n  font-weight: 900;\n}\n\n.fbfeatv-post-card {\n  border: 1px solid #dce8f8;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  border-radius: 20px;\n  padding: 15px;\n  min-width: 0;\n  box-shadow: 0 10px 24px rgba(15,23,42,.05);\n}\n\n.fbfeatv-post-text {\n  color: var(--fbfeatv-text);\n  font-size: 14px;\n  line-height: 1.62;\n  margin: 0 0 12px;\n}\n\n.fbfeatv-post-media {\n  width: 100%;\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid #dce8f8;\n  margin-bottom: 12px;\n  background: #eaf2ff;\n  aspect-ratio: 16\/10;\n  display: grid;\n  place-items: center;\n}\n\n.fbfeatv-post-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.fbfeatv-shape-toggle {\n  display: inline-flex;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 999px;\n  background: #eff6ff;\n  border: 1px solid #dbeafe;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);\n}\n\n.fbfeatv-shape-btn {\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  color: #345f93;\n  padding: 7px 11px;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 900;\n  cursor: pointer;\n  transition: background .18s ease, color .18s ease, box-shadow .18s ease;\n}\n\n.fbfeatv-shape-btn:hover {\n  color: var(--fbfeatv-primary-2);\n}\n\n.fbfeatv-shape-btn.fbfeatv-active {\n  background: #fff;\n  color: var(--fbfeatv-primary-2);\n  box-shadow: 0 6px 16px rgba(20,70,130,.12);\n}\n\n.fbfeatv-square-mode .fbfeatv-media-box.fbfeatv-dp-box,\n.fbfeatv-square-mode .fbfeatv-media-box.fbfeatv-dp-box .fbfeatv-media-img {\n  border-radius: 0;\n}\n\n.fbfeatv-dp-box,\n.fbfeatv-dp-box .fbfeatv-media-img {\n  border-radius: 50%;\n}\n\n.fbfeatv-fb-cover-actions {\n  position: absolute;\n  right: 14px;\n  bottom: 14px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  z-index: 3;\n}\n\n.fbfeatv-fb-cover-actions .fbfeatv-action {\n  background: rgba(255,255,255,.94);\n  backdrop-filter: blur(10px);\n  box-shadow: 0 10px 26px rgba(12,40,80,.20);\n}\n\n.fbfeatv-fb-cover-actions .fbfeatv-action.fbfeatv-primary-action {\n  background: linear-gradient(135deg, var(--fbfeatv-primary-2), var(--fbfeatv-primary), var(--fbfeatv-accent)) !important;\n  color: #fff !important;\n  border-color: transparent !important;\n}\n\n.fbfeatv-avatar-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.fbfeatv-tabs-wrap {\n  width: 100%;\n  margin-top: 16px;\n}\n\n.fbfeatv-tabs {\n  display: flex;\n  gap: 8px;\n  overflow-x: auto;\n  padding: 4px 2px 12px;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n\n.fbfeatv-tab-btn {\n  flex: 0 0 auto;\n  border: 1px solid var(--fbfeatv-border);\n  background: rgba(255,255,255,.9);\n  color: #315d90;\n  border-radius: 999px;\n  padding: 10px 14px;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 950;\n  cursor: pointer;\n  white-space: nowrap;\n  box-shadow: 0 8px 20px rgba(29,87,170,.07);\n  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n}\n\n.fbfeatv-tab-btn:hover {\n  transform: translateY(-1px);\n  border-color: #bfdbfe;\n  background: #fff;\n}\n\n.fbfeatv-tab-btn.fbfeatv-active {\n  color: #fff;\n  border-color: transparent;\n  background: linear-gradient(135deg, var(--fbfeatv-primary-2), var(--fbfeatv-primary), var(--fbfeatv-accent));\n  box-shadow: 0 12px 26px rgba(37,99,235,.22);\n}\n\n.fbfeatv-tab-panels {\n  width: 100%;\n}\n\n.fbfeatv-tab-panel {\n  display: none;\n}\n\n.fbfeatv-tab-panel.fbfeatv-active {\n  display: block;\n}\n\n.fbfeatv-modal {\n  position: fixed !important;\n  inset: 0 !important;\n  left: 0 !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  width: 100vw !important;\n  height: 100vh !important;\n  min-height: 100vh !important;\n  height: 100dvh !important;\n  min-height: 100dvh !important;\n  z-index: 2147483000 !important;\n  display: none !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  background: rgba(3,10,24,.88) !important;\n  backdrop-filter: blur(12px);\n  overflow: hidden !important;\n  transform: none !important;\n  isolation: isolate !important;\n}\n\n.fbfeatv-modal.fbfeatv-open {\n  display: flex !important;\n}\n\n.fbfeatv-modal-panel {\n  position: relative !important;\n  width: min(80vw, 1120px) !important;\n  height: min(80vh, 820px) !important;\n  max-width: 80vw !important;\n  max-height: 80vh !important;\n  margin: auto !important;\n  border-radius: 24px;\n  background: #071a31 !important;\n  overflow: hidden !important;\n  box-shadow: 0 32px 110px rgba(0,0,0,.52);\n  display: grid !important;\n  grid-template-rows: auto minmax(0, 1fr) !important;\n  transform: none !important;\n  left: auto !important;\n  right: auto !important;\n  top: auto !important;\n  bottom: auto !important;\n  border: 1px solid rgba(255,255,255,.10);\n}\n\n.fbfeatv-modal-head {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 13px 15px;\n  background: rgba(255,255,255,.07);\n  color: #fff;\n  border-bottom: 1px solid rgba(255,255,255,.08);\n}\n\n.fbfeatv-modal-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 950;\n  line-height: 1.3;\n}\n\n.fbfeatv-modal-close {\n  border: 0;\n  border-radius: 13px;\n  background: rgba(255,255,255,.14);\n  color: #fff;\n  width: 38px;\n  height: 38px;\n  font-size: 24px;\n  cursor: pointer;\n  line-height: 1;\n  transition: background .18s ease, transform .18s ease;\n}\n\n.fbfeatv-modal-close:hover {\n  background: rgba(255,255,255,.22);\n  transform: scale(1.04);\n}\n\n.fbfeatv-modal-body {\n  min-width: 0 !important;\n  min-height: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 10px !important;\n  overflow: hidden !important;\n  background: #071a31 !important;\n}\n\n.fbfeatv-modal-img {\n  display: block;\n  max-width: 100% !important;\n  max-height: 100% !important;\n  width: auto !important;\n  height: auto !important;\n  object-fit: contain !important;\n  border-radius: 16px;\n  background: #fff;\n  margin: auto !important;\n  box-shadow: 0 18px 50px rgba(0,0,0,.32);\n}\n\n.fbfeatv-modal-video {\n  display: block;\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100% !important;\n  max-height: 100% !important;\n  object-fit: contain !important;\n  border-radius: 16px;\n  background: #000;\n  margin: auto !important;\n}\n\n.fbfeatv-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 20px;\n  z-index: 2147483001;\n  transform: translate(-50%, 18px);\n  opacity: 0;\n  pointer-events: none;\n  background: linear-gradient(135deg, #0f172a, #1e3a8a);\n  color: #fff;\n  border-radius: 999px;\n  padding: 11px 15px;\n  font-size: 13px;\n  font-weight: 900;\n  box-shadow: 0 18px 50px rgba(0,0,0,.24);\n  transition: opacity .18s ease, transform .18s ease;\n}\n\n.fbfeatv-toast.fbfeatv-show {\n  opacity: 1;\n  transform: translate(-50%,0);\n}\n\n@keyframes fbfeatv-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes fbfeatv-shimmer {\n  to {\n    background-position: -240% 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fbfeatv-spinner,\n  .fbfeatv-skel {\n    animation: none;\n  }\n\n  .fbfeatv-submit,\n  .fbfeatv-action,\n  .fbfeatv-chip,\n  .fbfeatv-media-card,\n  .fbfeatv-media-img,\n  .fbfeatv-avatar,\n  .fbfeatv-tab-btn {\n    transition: none;\n  }\n}\n\n@media (max-width: 900px) {\n  .fbfeatv-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  .fbfeatv-grid-two {\n    grid-template-columns: 1fr;\n  }\n\n  .fbfeatv-facts {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  .fbfeatv-skeleton-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 640px) {\n  .fbfeatv-wrapper {\n    padding: 22px 10px;\n  }\n\n  .fbfeatv-search-card,\n  .fbfeatv-section,\n  .fbfeatv-profile-card,\n  .fbfeatv-empty,\n  .fbfeatv-loading {\n    border-radius: 22px;\n  }\n\n  .fbfeatv-form {\n    grid-template-columns: 1fr;\n  }\n\n  .fbfeatv-submit,\n  .fbfeatv-input {\n    width: 100%;\n    min-height: 52px;\n    border-radius: 16px;\n  }\n\n  .fbfeatv-helper-row {\n    align-items: flex-start;\n  }\n\n  .fbfeatv-chips {\n    justify-content: flex-start;\n  }\n\n  .fbfeatv-profile-row {\n    margin-top: -38px;\n    padding: 0 14px 16px;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .fbfeatv-avatar {\n    width: 88px;\n    height: 88px;\n    border-width: 4px;\n  }\n\n  .fbfeatv-profile-info {\n    padding-top: 42px;\n  }\n\n  .fbfeatv-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .fbfeatv-facts {\n    grid-template-columns: 1fr;\n  }\n\n  .fbfeatv-intro-row {\n    grid-template-columns: 1fr;\n    gap: 5px;\n  }\n\n  .fbfeatv-section-head {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .fbfeatv-fb-cover-actions {\n    right: 10px !important;\n    left: auto !important;\n    justify-content: flex-end !important;\n    align-items: flex-end !important;\n  }\n\n  .fbfeatv-modal-panel {\n    width: min(92vw, 1120px) !important;\n    height: min(80vh, 820px) !important;\n    max-width: 92vw !important;\n    max-height: 80vh !important;\n    border-radius: 20px;\n  }\n\n  .fbfeatv-toast {\n    width: calc(100vw - 24px);\n    max-width: 420px;\n    text-align: center;\n  }\n}\n\n@media (max-width: 420px) {\n  .fbfeatv-title {\n    font-size: 29px;\n  }\n\n  .fbfeatv-subtitle {\n    font-size: 14px;\n  }\n\n  .fbfeatv-profile-row {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .fbfeatv-profile-info {\n    padding-top: 0;\n  }\n\n  .fbfeatv-actions,\n  .fbfeatv-avatar-actions {\n    width: 100%;\n  }\n\n  .fbfeatv-action {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n<\/style>\n<!-- facebook feature viewer | WordPress-safe single-file tool -->\n<!-- Readable separated version: CSS, HTML, and JS are marked with clear section comments. -->\n<div class=\"fbfeatv-wrapper\" id=\"fbfeatvTool\" data-tool=\"facebook feature viewer\">\n  <!-- ================= CSS SECTION START ================= -->\n  \n  <!-- ================= CSS SECTION END =================== -->\n\n  <!-- ================= HTML SECTION START ================ -->\n  <div class=\"fbfeatv-container\">\n    <div class=\"fbfeatv-hero\">\n      <div class=\"fbfeatv-badge\"><span class=\"fbfeatv-badge-dot\"><\/span><span>Facebook viewer<\/span><\/div>\n<h1 class=\"fbfeatv-title\">Facebook feature viewer<\/h1>\n<p class=\"fbfeatv-subtitle\">Enter a Facebook link to preview returned profile features, sections, tabs, media, and intro fields.<\/p>\n    <\/div>\n<div class=\"fbfeatv-search-card\">\n      <form class=\"fbfeatv-form\" id=\"fbfeatvForm\">\n        <div class=\"fbfeatv-field\">\n          <label class=\"fbfeatv-label\" for=\"fbfeatvInput\">Facebook link or username<\/label>\n          <input class=\"fbfeatv-input\" id=\"fbfeatvInput\" type=\"text\" placeholder=\"Enter Facebook profile, page, or tab URL\" autocomplete=\"off\">\n          <button class=\"fbfeatv-clear\" id=\"fbfeatvClear\" type=\"button\" aria-label=\"Clear input\">\u00d7<\/button>\n        <\/div>\n        <button class=\"fbfeatv-submit\" id=\"fbfeatvSubmit\" type=\"submit\">View Features<\/button>\n      <\/form>\n      <div class=\"fbfeatv-helper-row\">\n        <div class=\"fbfeatv-helper\">Use a Facebook link or username. Username input is converted to a Facebook URL before request.<\/div>\n      <\/div>\n<div class=\"fbfeatv-chips\"><span class=\"fbfeatv-chip\">Returned sections<\/span><span class=\"fbfeatv-chip\">Clean pills<\/span><span class=\"fbfeatv-chip\">No external links<\/span><span class=\"fbfeatv-chip\">Intro details<\/span><span class=\"fbfeatv-chip\">Visible fields<\/span><\/div>\n    <\/div>\n<div class=\"fbfeatv-state\" id=\"fbfeatvState\" aria-live=\"polite\"><\/div>\n<div class=\"fbfeatv-loading\" id=\"fbfeatvLoading\" aria-live=\"polite\">\n      <div class=\"fbfeatv-loading-top\"><span class=\"fbfeatv-spinner\"><\/span><span>Loading returned Facebook details...<\/span><\/div>\n<div class=\"fbfeatv-skeleton-grid\">\n        <div class=\"fbfeatv-skel fbfeatv-skel-cover\"><\/div>\n<div class=\"fbfeatv-skel-lines\">\n          <div class=\"fbfeatv-skel fbfeatv-skel-line\"><\/div>\n<div class=\"fbfeatv-skel fbfeatv-skel-line\"><\/div>\n<div class=\"fbfeatv-skel fbfeatv-skel-line\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n<div class=\"fbfeatv-empty\" id=\"fbfeatvEmpty\">\n      <p class=\"fbfeatv-empty-title\">Enter a Facebook link to start<\/p>\n<p class=\"fbfeatv-empty-text\">The result will be split into clean sections such as cover photo, profile pictures, photos, posts, videos, intro details, and returned sections when data exists.<\/p>\n    <\/div>\n<div class=\"fbfeatv-results\" id=\"fbfeatvResults\"><\/div>\n  <\/div>\n<div class=\"fbfeatv-modal\" id=\"fbfeatvModal\" aria-hidden=\"true\">\n    <div class=\"fbfeatv-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"fbfeatvModalTitle\">\n      <div class=\"fbfeatv-modal-head\">\n        <p class=\"fbfeatv-modal-title\" id=\"fbfeatvModalTitle\">Preview<\/p>\n        <button class=\"fbfeatv-modal-close\" id=\"fbfeatvModalClose\" type=\"button\" aria-label=\"Close preview\">\u00d7<\/button>\n      <\/div>\n<div class=\"fbfeatv-modal-body\" id=\"fbfeatvModalBody\"><\/div>\n    <\/div>\n  <\/div>\n<div class=\"fbfeatv-toast\" id=\"fbfeatvToast\" aria-live=\"polite\"><\/div>\n\n  <!-- ================= HTML SECTION END ================== -->\n\n  <!-- ================= JS SECTION START ================== -->\n  \n  <!-- ================= JS SECTION END ==================== -->\n<\/div>[\/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; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; custom_padding=&#8221;50px||50px||true|false&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/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  :root{\r\n    --grad: linear-gradient(45deg,#1877F2 0%,#3B5998 25%,#4267B2 50%,#8B9DC3 75%,#DFE3EE 100%);\r\n    --brand:#1877F2;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .fb-fv-section-title{text-align:center; margin-bottom:60px;}\r\n  .fb-fv-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .fb-fv-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .fb-fv-step{ position:relative; text-align:center; }\r\n  .fb-fv-step .fb-fv-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .fb-fv-step:hover .fb-fv-step-icon{ transform:scale(1.08); }\r\n  .fb-fv-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-fv-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .fb-fv-feature-card .fb-fv-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .fb-fv-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-fv-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; }\r\n  .fb-fv-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .fb-fv-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .fb-fv-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .fb-fv-faq-question:hover{ background:rgba(24,119,242,.05); }\r\n  .fb-fv-faq-question:not(.collapsed){ background:rgba(24,119,242,.1); }\r\n  .fb-fv-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .fb-fv-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--grad);\r\n    color:#fff;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color:rgba(255,255,255,.92);\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-group .btn{\r\n    background:#fff;\r\n    color:var(--brand);\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color:rgba(255,255,255,.85);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .fb-fv-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .fb-fv-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .fb-fv-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .fb-fv-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .fb-fv-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-fv-section-title\">\r\n      <h2>How to Use the Facebook Feature Viewer<\/h2>\r\n      <p>Follow these steps to explore Facebook features anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-fv-step\">\r\n          <div class=\"fb-fv-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Profile or Page URL<\/h3>\r\n          <p>Copy the Facebook profile or page URL to view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-fv-step\">\r\n          <div class=\"fb-fv-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Load Features<\/h3>\r\n          <p>Click \u201cView Now\u201d to access public Facebook features.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-fv-step\">\r\n          <div class=\"fb-fv-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>Browse Anonymously<\/h3>\r\n          <p>Explore public posts, events, and more privately.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-fv-step\">\r\n          <div class=\"fb-fv-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access features without a Facebook account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-fv-section-title\">\r\n      <h2>Facebook Feature Viewer Features<\/h2>\r\n      <p>Tools for seamless and private exploration of Facebook features.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Browsing<\/h3>\r\n          <p>Explore Facebook without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83d\udcf8<\/span>\r\n          <h3>Public Content Access<\/h3>\r\n          <p>View public posts, photos, and events effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83c\udf89<\/span>\r\n          <h3>Feature Exploration<\/h3>\r\n          <p>Discover posts, events, groups, and page details.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>Browse without Facebook credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Access<\/h3>\r\n          <p>Quickly load Facebook features anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-fv-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the Facebook Feature Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"fb-fv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-fv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view private Facebook content?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-fv-faq-answer accordion-body\">\r\n                No. The Facebook Feature Viewer only shows public content, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-fv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-fv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a Facebook account to browse?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-fv-faq-answer accordion-body\">\r\n                No. The Facebook Feature Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-fv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-fv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the Facebook Feature Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-fv-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-fv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-fv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with Facebook?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-fv-faq-answer accordion-body\">\r\n                No. This is an independent Facebook Feature Viewer, and browsing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"fb-fv-cta-title text-white\">Try the Facebook Feature Viewer Now<\/h2>\r\n    <p class=\"fb-fv-cta-sub\">\r\n      Explore public Facebook features anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"fb-fv-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n<script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n\r\n<script>\r\n  document.querySelectorAll('.fb-fv-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.fb-fv-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><style>\n\/* CSS SECTION: Tool styling. Copy this <style> block if you want separate CSS. *\/\n    .fbfeatv-wrapper, .fbfeatv-wrapper * { box-sizing: border-box; }\n    .fbfeatv-wrapper {\n      --fbfeatv-primary: #315bdc;\n      --fbfeatv-primary-2: #2346b7;\n      --fbfeatv-accent: #7dd3fc;\n      --fbfeatv-bg: #f6f8ff;\n      --fbfeatv-surface: #ffffff;\n      --fbfeatv-surface-2: #f8fbff;\n      --fbfeatv-text: #10233f;\n      --fbfeatv-muted: #5d7190;\n      --fbfeatv-border: #d9e6f8;\n      --fbfeatv-success: #12805c;\n      --fbfeatv-error: #bd2638;\n      width: 100%;\n      min-height: 100%;\n      overflow-x: hidden;\n      background: radial-gradient(680px 340px at 10% 0%, rgba(24,185,255,.14), transparent 64%), radial-gradient(760px 380px at 95% 8%, rgba(23,99,230,.14), transparent 60%), var(--fbfeatv-bg);\n      color: var(--fbfeatv-text);\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      padding: clamp(24px, 4vw, 46px) 14px;\n    }\n    .fbfeatv-container { width: 100%; max-width: 1200px; margin: 0 auto; }\n    .fbfeatv-hero { width: 100%; text-align: center; margin: 0 auto 20px; }\n    .fbfeatv-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--fbfeatv-border); color: var(--fbfeatv-primary-2); font-size: 12px; font-weight: 800; box-shadow: 0 12px 34px rgba(19,80,170,.08); }\n    .fbfeatv-badge-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--fbfeatv-success); box-shadow: 0 0 0 4px rgba(18,128,92,.12); }\n    .fbfeatv-title { margin: 15px 0 0; color: var(--fbfeatv-text); font-size: clamp(32px, 5vw, 58px); line-height: 1.04; font-weight: 950; letter-spacing: -.045em; }\n    .fbfeatv-subtitle { max-width: 820px; margin: 14px auto 0; color: var(--fbfeatv-muted); font-size: clamp(14px, 1.5vw, 18px); line-height: 1.62; }\n    .fbfeatv-search-card { width: 100%; max-width: 1200px; margin: 24px auto 0; border: 1px solid var(--fbfeatv-border); border-radius: 26px; background: rgba(255,255,255,.92); box-shadow: 0 22px 70px rgba(29,87,170,.12); padding: clamp(14px, 2vw, 20px); }\n    .fbfeatv-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: stretch; width: 100%; }\n    .fbfeatv-field { position: relative; min-width: 0; width: 100%; }\n    .fbfeatv-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }\n    .fbfeatv-input { width: 100%; min-height: 56px; border: 1px solid var(--fbfeatv-border); border-radius: 17px; background: var(--fbfeatv-surface-2); color: var(--fbfeatv-text); padding: 0 48px 0 16px !important; font: inherit; font-size: 15px; outline: none; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }\n    .fbfeatv-input:focus { border-color: var(--fbfeatv-primary); background: #fff; box-shadow: 0 0 0 4px rgba(23,99,230,.12); }\n    .fbfeatv-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0; border-radius: 12px; background: #eaf2ff; color: var(--fbfeatv-primary-2); cursor: pointer; display: none; font-size: 18px; line-height: 1; }\n    .fbfeatv-submit { min-height: 56px; border: 0; border-radius: 17px; padding: 0 22px; background: linear-gradient(135deg, var(--fbfeatv-primary), var(--fbfeatv-accent)); color: #fff; font: inherit; font-size: 15px; font-weight: 900; cursor: pointer; white-space: nowrap; box-shadow: 0 16px 32px rgba(23,99,230,.22); transition: transform .18s ease, opacity .18s ease; }\n    .fbfeatv-submit:hover { transform: translateY(-1px); }\n    .fbfeatv-submit:disabled { opacity: .72; cursor: not-allowed; transform: none; }\n    .fbfeatv-helper-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; }\n    .fbfeatv-helper { color: var(--fbfeatv-muted); font-size: 13px; line-height: 1.5; }\n    .fbfeatv-safe { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; background: #edf6ff; color: #245c9b; font-size: 12px; font-weight: 800; border: 1px solid #d6e9ff; }\n    .fbfeatv-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 16px; }\n    .fbfeatv-chip { border: 1px solid #dbeaff; background: #fff; color: #2d5d93; border-radius: 999px; padding: 8px 11px; font-size: 12px; font-weight: 800; }\n    .fbfeatv-notice { width: 100%; max-width: 1200px; margin: 14px auto 0; border: 1px solid #dbe6f4; background: rgba(255,255,255,.78); border-radius: 18px; padding: 12px 14px; color: var(--fbfeatv-muted); text-align: center; font-size: 13px; line-height: 1.55; }\n    .fbfeatv-state { display: none; width: 100%; max-width: 1200px; margin: 16px auto 0; border-radius: 18px; overflow: hidden; border: 1px solid #cfe4ff; background: #eff7ff; color: #19599c; padding: 13px 15px; font-size: 14px; font-weight: 800; line-height: 1.5; }\n    .fbfeatv-state.fbfeatv-error { border-color: #ffd1d7; background: #fff2f3; color: var(--fbfeatv-error); }\n    .fbfeatv-loading { display: none; width: 100%; max-width: 1200px; margin: 18px auto 0; border-radius: 24px; border: 1px solid var(--fbfeatv-border); background: #fff; padding: 18px; box-shadow: 0 18px 50px rgba(29,87,170,.08); }\n    .fbfeatv-loading-top { display: flex; align-items: center; gap: 12px; color: var(--fbfeatv-primary-2); font-weight: 900; margin-bottom: 16px; }\n    .fbfeatv-spinner { width: 22px; height: 22px; border-radius: 50%; border: 3px solid #d7e9ff; border-top-color: var(--fbfeatv-primary); animation: fbfeatv-spin .8s linear infinite; }\n    .fbfeatv-skeleton-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; }\n    .fbfeatv-skel { border-radius: 16px; background: linear-gradient(90deg,#eef5ff,#dfeeff,#eef5ff); background-size: 220% 100%; animation: fbfeatv-shimmer 1.2s linear infinite; }\n    .fbfeatv-skel-cover { aspect-ratio: 851\/315; min-height: 150px; }\n    .fbfeatv-skel-lines { display: grid; gap: 10px; align-content: start; }\n    .fbfeatv-skel-line { height: 14px; }\n    .fbfeatv-skel-line:nth-child(1) { width: 90%; }\n    .fbfeatv-skel-line:nth-child(2) { width: 72%; }\n    .fbfeatv-skel-line:nth-child(3) { width: 84%; }\n    .fbfeatv-empty { width: 100%; max-width: 1200px; margin: 20px auto 0; padding: 24px; border-radius: 24px; background: rgba(255,255,255,.82); border: 1px dashed #cbdcf3; text-align: center; color: var(--fbfeatv-muted); }\n    .fbfeatv-empty-title { margin: 0 0 7px; color: var(--fbfeatv-text); font-size: 17px; font-weight: 950; }\n    .fbfeatv-empty-text { margin: 0; font-size: 14px; line-height: 1.6; }\n    .fbfeatv-results { display: none; width: 100%; max-width: 1200px; margin: 22px auto 0; }\n    .fbfeatv-profile-card { width: 100%; border-radius: 24px; background: #fff; border: 1px solid var(--fbfeatv-border); box-shadow: 0 20px 54px rgba(29,87,170,.10); overflow: hidden; margin-bottom: 16px; }\n    .fbfeatv-fb-cover { width: 100%; aspect-ratio: 851\/315; background: linear-gradient(135deg,#dcecff,#f9fbff); position: relative; overflow: hidden; }\n    .fbfeatv-fb-cover-img { width: 100%; height: 100%; object-fit: cover; display: block; cursor: zoom-in; }\n    .fbfeatv-fb-cover-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: #6f85a5; font-weight: 900; background: radial-gradient(circle at 26% 32%, rgba(24,185,255,.24), transparent 34%), radial-gradient(circle at 76% 38%, rgba(23,99,230,.18), transparent 30%), linear-gradient(135deg,#e9f3ff,#fff); }\n    .fbfeatv-profile-row { display: flex; align-items: flex-end; gap: 16px; padding: 0 22px 20px; margin-top: -48px; position: relative; z-index: 2; }\n    .fbfeatv-avatar { width: 112px; height: 112px; border-radius: 50%; border: 5px solid #fff; background: #edf5ff; overflow: hidden; flex: 0 0 auto; box-shadow: 0 14px 30px rgba(12,40,80,.18); cursor: zoom-in; }\n    .fbfeatv-avatar-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    .fbfeatv-avatar-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: var(--fbfeatv-primary-2); font-size: 34px; font-weight: 950; background: linear-gradient(135deg,#e9f3ff,#fff); }\n    .fbfeatv-profile-info { min-width: 0; padding-top: 54px; flex: 1; }\n    .fbfeatv-name-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n    .fbfeatv-profile-name { margin: 0; font-size: clamp(22px, 3vw, 34px); line-height: 1.1; font-weight: 950; letter-spacing: -.03em; color: var(--fbfeatv-text); word-break: break-word; }\n    .fbfeatv-verified { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--fbfeatv-primary); color: #fff; font-size: 13px; font-weight: 950; }\n    .fbfeatv-meta-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }\n    .fbfeatv-pill { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #dbeaff; background: #f2f8ff; color: #3d5f86; border-radius: 999px; padding: 7px 10px; font-size: 12px; font-weight: 850; word-break: break-word; }\n    .fbfeatv-section { width: 100%; border-radius: 24px; background: #fff; border: 1px solid var(--fbfeatv-border); box-shadow: 0 16px 44px rgba(29,87,170,.07); padding: clamp(16px, 2vw, 20px); margin: 16px 0 0; }\n    .fbfeatv-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 14px; }\n    .fbfeatv-section-title { margin: 0; color: var(--fbfeatv-text); font-size: clamp(18px, 2.2vw, 24px); line-height: 1.2; font-weight: 950; letter-spacing: -.025em; }\n    .fbfeatv-section-note { margin: 4px 0 0; color: var(--fbfeatv-muted); font-size: 13px; line-height: 1.5; }\n    .fbfeatv-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }\n    .fbfeatv-grid-two { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }\n    .fbfeatv-media-card { min-width: 0; border: 1px solid #dce8f8; border-radius: 18px; background: var(--fbfeatv-surface-2); overflow: hidden; }\n    .fbfeatv-media-box { width: 100%; aspect-ratio: 1\/1; background: #eaf2ff; display: grid; place-items: center; overflow: hidden; }\n    .fbfeatv-media-img { width: 100%; height: 100%; object-fit: cover; display: block; cursor: zoom-in; }\n    .fbfeatv-cover-preview { width: 100%; aspect-ratio: 851\/315; background: #eaf2ff; border-radius: 18px; overflow: hidden; border: 1px solid #dce8f8; }\n    .fbfeatv-cover-preview .fbfeatv-media-img { object-fit: cover; }\n    .fbfeatv-media-body { padding: 12px; }\n    .fbfeatv-media-title { margin: 0 0 8px; color: var(--fbfeatv-text); font-size: 14px; font-weight: 950; line-height: 1.3; }\n    .fbfeatv-media-meta { color: var(--fbfeatv-muted); font-size: 12px; line-height: 1.45; margin: 0 0 10px; }\n    .fbfeatv-actions { display: flex; flex-wrap: wrap; gap: 8px; }\n    .fbfeatv-action { border: 1px solid #cfe0f7; background: #fff; color: var(--fbfeatv-primary-2); border-radius: 12px; padding: 9px 11px; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; line-height: 1; transition: background .18s ease, transform .18s ease; }\n    .fbfeatv-action:hover { background: #edf6ff; transform: translateY(-1px); }\n    .fbfeatv-action.fbfeatv-primary-action { background: var(--fbfeatv-primary); color: #fff; border-color: var(--fbfeatv-primary); }\n    .fbfeatv-video-card { border: 1px solid #dce8f8; border-radius: 18px; background: var(--fbfeatv-surface-2); overflow: hidden; }\n    .fbfeatv-video-thumb { width: 100%; aspect-ratio: 16\/9; position: relative; background: #0e203c; display: grid; place-items: center; overflow: hidden; }\n    .fbfeatv-video-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .92; }\n    .fbfeatv-inline-video { width: 100%; height: 100%; object-fit: cover; display: block; background: #000; }\n    .fbfeatv-post-media .fbfeatv-inline-video { width: 100%; height: 100%; object-fit: cover; }\n    .fbfeatv-play-badge { position: absolute; inset: auto auto 12px 12px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; background: rgba(255,255,255,.92); color: var(--fbfeatv-text); border-radius: 999px; font-size: 12px; font-weight: 950; }\n    .fbfeatv-video-body { padding: 13px; }\n    .fbfeatv-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }\n    .fbfeatv-fact { border: 1px solid #dce8f8; background: var(--fbfeatv-surface-2); border-radius: 16px; padding: 12px; min-width: 0; }\n    .fbfeatv-fact-label { color: var(--fbfeatv-muted); font-size: 12px; font-weight: 850; margin-bottom: 4px; }\n    .fbfeatv-fact-value { color: var(--fbfeatv-text); font-size: 15px; font-weight: 950; line-height: 1.35; word-break: break-word; }\n    .fbfeatv-intro-list { display: grid; gap: 10px; }\n    .fbfeatv-intro-row { display: grid; grid-template-columns: 170px 1fr; gap: 12px; border: 1px solid #e1ebf8; border-radius: 16px; padding: 12px; background: var(--fbfeatv-surface-2); }\n    .fbfeatv-intro-label { color: var(--fbfeatv-muted); font-size: 13px; font-weight: 900; }\n    .fbfeatv-intro-value { color: var(--fbfeatv-text); font-size: 13px; line-height: 1.55; word-break: break-word; }\n    .fbfeatv-section-pills { display: flex; flex-wrap: wrap; gap: 9px; }\n    .fbfeatv-section-pill { border: 1px solid #dbeaff; background: var(--fbfeatv-surface-2); color: #234e82; border-radius: 999px; padding: 9px 12px; font-size: 12px; font-weight: 900; }\n    .fbfeatv-post-card { border: 1px solid #dce8f8; background: var(--fbfeatv-surface-2); border-radius: 18px; padding: 14px; min-width: 0; }\n    .fbfeatv-post-text { color: var(--fbfeatv-text); font-size: 14px; line-height: 1.58; margin: 0 0 12px; }\n    .fbfeatv-post-media { width: 100%; border-radius: 15px; overflow: hidden; border: 1px solid #dce8f8; margin-bottom: 12px; background: #eaf2ff; aspect-ratio: 16\/10; display: grid; place-items: center; }\n    .fbfeatv-post-media img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    .fbfeatv-shape-toggle { display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: #edf6ff; border: 1px solid #dbeaff; }\n    .fbfeatv-shape-btn { border: 0; border-radius: 999px; background: transparent; color: #345f93; padding: 7px 10px; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; }\n    .fbfeatv-shape-btn.fbfeatv-active { background: #fff; color: var(--fbfeatv-primary-2); box-shadow: 0 4px 14px rgba(20,70,130,.10); }\n    .fbfeatv-square-mode .fbfeatv-media-box.fbfeatv-dp-box, .fbfeatv-square-mode .fbfeatv-media-box.fbfeatv-dp-box .fbfeatv-media-img { border-radius: 0; }\n    .fbfeatv-dp-box, .fbfeatv-dp-box .fbfeatv-media-img { border-radius: 50%; }\n\n    .fbfeatv-fb-cover-actions { position: absolute; right: 14px; bottom: 14px; display: flex; flex-wrap: wrap; gap: 8px; z-index: 3; }\n    .fbfeatv-fb-cover-actions .fbfeatv-action { background: rgba(255,255,255,.94); backdrop-filter: blur(6px); box-shadow: 0 8px 24px rgba(12,40,80,.18); }\n    .fbfeatv-fb-cover-actions .fbfeatv-action.fbfeatv-primary-action { background: var(--fbfeatv-primary) !important; color: #fff !important; border-color: var(--fbfeatv-primary) !important; }\n    @media (max-width: 640px) { .fbfeatv-fb-cover-actions { right: 10px !important; left: auto !important; justify-content: flex-end !important; align-items: flex-end !important; } }\n\n    .fbfeatv-avatar-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }\n    .fbfeatv-tabs-wrap { width: 100%; margin-top: 16px; }\n    .fbfeatv-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 12px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }\n    .fbfeatv-tab-btn { flex: 0 0 auto; border: 1px solid var(--fbfeatv-border); background: #fff; color: #315d90; border-radius: 999px; padding: 10px 14px; font: inherit; font-size: 13px; font-weight: 950; cursor: pointer; white-space: nowrap; box-shadow: 0 8px 20px rgba(29,87,170,.06); }\n    .fbfeatv-tab-btn.fbfeatv-active { color: #fff; border-color: var(--fbfeatv-primary); background: linear-gradient(135deg, var(--fbfeatv-primary), var(--fbfeatv-accent)); }\n    .fbfeatv-tab-panels { width: 100%; }\n    .fbfeatv-tab-panel { display: none; }\n    .fbfeatv-tab-panel.fbfeatv-active { display: block; }\n    .fbfeatv-modal { position: fixed !important; inset: 0 !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; min-height: 100vh !important; height: 100dvh !important; min-height: 100dvh !important; z-index: 2147483000 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; background: rgba(3,10,24,.88) !important; backdrop-filter: blur(10px); overflow: hidden !important; transform: none !important; isolation: isolate !important; }\n    .fbfeatv-modal.fbfeatv-open { display: flex !important; }\n    .fbfeatv-modal-panel { position: relative !important; width: min(80vw, 1120px) !important; height: min(80vh, 820px) !important; max-width: 80vw !important; max-height: 80vh !important; margin: auto !important; border-radius: 22px; background: #071a31 !important; overflow: hidden !important; box-shadow: 0 30px 100px rgba(0,0,0,.48); display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; transform: none !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }\n    .fbfeatv-modal-head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; background: rgba(255,255,255,.06); color: #fff; }\n    .fbfeatv-modal-title { margin: 0; font-size: 14px; font-weight: 950; line-height: 1.3; }\n    .fbfeatv-modal-close { border: 0; border-radius: 12px; background: rgba(255,255,255,.14); color: #fff; width: 38px; height: 38px; font-size: 24px; cursor: pointer; line-height: 1; }\n    .fbfeatv-modal-body { min-width: 0 !important; min-height: 0 !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px !important; overflow: hidden !important; background: #071a31 !important; }\n    .fbfeatv-modal-img { display: block; max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; border-radius: 16px; background: #fff; margin: auto !important; }\n    .fbfeatv-modal-video { display: block; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; border-radius: 16px; background: #000; margin: auto !important; }\n    .fbfeatv-toast { position: fixed; left: 50%; bottom: 20px; z-index: 2147483001; transform: translate(-50%, 18px); opacity: 0; pointer-events: none; background: #10233f; color: #fff; border-radius: 999px; padding: 10px 14px; font-size: 13px; font-weight: 900; box-shadow: 0 18px 50px rgba(0,0,0,.22); transition: opacity .18s ease, transform .18s ease; }\n    .fbfeatv-toast.fbfeatv-show { opacity: 1; transform: translate(-50%,0); }\n    @keyframes fbfeatv-spin { to { transform: rotate(360deg); } }\n    @keyframes fbfeatv-shimmer { to { background-position: -220% 0; } }\n    @media (prefers-reduced-motion: reduce) { .fbfeatv-spinner, .fbfeatv-skel { animation: none; } .fbfeatv-submit, .fbfeatv-action { transition: none; } }\n    @media (max-width: 900px) { .fbfeatv-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .fbfeatv-grid-two { grid-template-columns: 1fr; } .fbfeatv-facts { grid-template-columns: repeat(2,minmax(0,1fr)); } .fbfeatv-skeleton-grid { grid-template-columns: 1fr; } }\n    @media (max-width: 640px) { .fbfeatv-wrapper { padding: 22px 10px; } .fbfeatv-form { grid-template-columns: 1fr; } .fbfeatv-submit, .fbfeatv-input { min-height: 50px; border-radius: 15px; } .fbfeatv-helper-row { align-items: flex-start; } .fbfeatv-profile-row { margin-top: -38px; padding: 0 14px 16px; gap: 12px; align-items: center; } .fbfeatv-avatar { width: 86px; height: 86px; border-width: 4px; } .fbfeatv-profile-info { padding-top: 42px; } .fbfeatv-grid { grid-template-columns: 1fr; } .fbfeatv-facts { grid-template-columns: 1fr; } .fbfeatv-intro-row { grid-template-columns: 1fr; gap: 5px; } .fbfeatv-section-head { flex-direction: column; align-items: flex-start; } .fbfeatv-modal-panel { width: min(92vw, 1120px) !important; height: min(80vh, 820px) !important; max-width: 92vw !important; max-height: 80vh !important; } }\n    @media (max-width: 420px) { .fbfeatv-title { font-size: 29px; } .fbfeatv-profile-row { flex-direction: column; align-items: flex-start; } .fbfeatv-profile-info { padding-top: 0; } }\n\n\/* --- Codex CSS updates --- *\/\n\/* CSS SECTION: Tool styling. Copy this <style> block if you want separate CSS. *\/\n.fbfeatv-wrapper,\n.fbfeatv-wrapper * {\n  box-sizing: border-box;\n}\n\n.fbfeatv-wrapper {\n  --fbfeatv-primary: #2563eb;\n  --fbfeatv-primary-2: #1d4ed8;\n  --fbfeatv-primary-3: #0f3ea8;\n  --fbfeatv-accent: #06b6d4;\n  --fbfeatv-accent-2: #22d3ee;\n  --fbfeatv-bg: #f4f8ff;\n  --fbfeatv-surface: #ffffff;\n  --fbfeatv-surface-2: #f8fbff;\n  --fbfeatv-surface-3: rgba(255,255,255,.82);\n  --fbfeatv-text: #0f172a;\n  --fbfeatv-muted: #64748b;\n  --fbfeatv-border: #dbe7f7;\n  --fbfeatv-border-2: #c8d8ee;\n  --fbfeatv-success: #059669;\n  --fbfeatv-error: #dc2626;\n  --fbfeatv-warning: #b45309;\n  --fbfeatv-ring: rgba(37,99,235,.18);\n  --fbfeatv-shadow-sm: 0 8px 24px rgba(15,23,42,.07);\n  --fbfeatv-shadow-md: 0 18px 48px rgba(29,78,216,.12);\n  --fbfeatv-shadow-lg: 0 28px 80px rgba(15,23,42,.16);\n  position: relative;\n  width: 100%;\n  min-height: 100%;\n  overflow-x: hidden;\n  background:\n    radial-gradient(760px 420px at 8% 0%, rgba(34,211,238,.22), transparent 62%),\n    radial-gradient(760px 420px at 96% 7%, rgba(37,99,235,.20), transparent 60%),\n    linear-gradient(180deg, #f8fbff 0%, var(--fbfeatv-bg) 48%, #eef6ff 100%);\n  color: var(--fbfeatv-text);\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  padding: clamp(26px, 4.5vw, 56px) 14px;\n  isolation: isolate;\n}\n\n.fbfeatv-container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.fbfeatv-hero {\n  width: 100%;\n  text-align: center;\n  margin: 0 auto 22px;\n}\n\n.fbfeatv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 13px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.86);\n  border: 1px solid rgba(219,231,247,.95);\n  color: var(--fbfeatv-primary-2);\n  font-size: 12px;\n  font-weight: 850;\n  letter-spacing: .01em;\n  box-shadow: var(--fbfeatv-shadow-sm);\n  backdrop-filter: blur(14px);\n}\n\n.fbfeatv-badge-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 999px;\n  background: var(--fbfeatv-success);\n  box-shadow: 0 0 0 4px rgba(5,150,105,.13), 0 0 18px rgba(5,150,105,.38);\n}\n\n.fbfeatv-title {\n  margin: 16px 0 0;\n  color: var(--fbfeatv-text);\n  font-size: clamp(32px, 5vw, 58px);\n  line-height: 1.04;\n  font-weight: 950;\n  letter-spacing: -.04em;\n}\n\n.fbfeatv-subtitle {\n  max-width: 820px;\n  margin: 14px auto 0;\n  color: var(--fbfeatv-muted);\n  font-size: clamp(14px, 1.5vw, 18px);\n  line-height: 1.65;\n}\n\n.fbfeatv-search-card {\n  width: 100%;\n  max-width: 1200px;\n  margin: 26px auto 0;\n  border: 1px solid rgba(219,231,247,.95);\n  border-radius: 28px;\n  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.86));\n  box-shadow: var(--fbfeatv-shadow-lg);\n  padding: clamp(16px, 2.2vw, 22px);\n  backdrop-filter: blur(18px);\n}\n\n.fbfeatv-form {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 12px;\n  align-items: stretch;\n  width: 100%;\n}\n\n.fbfeatv-field {\n  position: relative;\n  min-width: 0;\n  width: 100%;\n}\n\n.fbfeatv-label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n\n.fbfeatv-input {\n  width: 100%;\n  min-height: 58px;\n  border: 1px solid var(--fbfeatv-border);\n  border-radius: 18px;\n  background: rgba(255,255,255,.78);\n  color: var(--fbfeatv-text);\n  padding: 0 50px 0 18px !important;\n  font: inherit;\n  font-size: 15px;\n  outline: none;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 20px rgba(15,23,42,.04);\n  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;\n}\n\n.fbfeatv-input::placeholder {\n  color: #94a3b8;\n}\n\n.fbfeatv-input:hover {\n  border-color: var(--fbfeatv-border-2);\n  background: #fff;\n}\n\n.fbfeatv-input:focus {\n  border-color: var(--fbfeatv-primary);\n  background: #fff;\n  box-shadow: 0 0 0 4px var(--fbfeatv-ring), 0 12px 30px rgba(37,99,235,.10);\n}\n\n.fbfeatv-clear {\n  position: absolute;\n  right: 11px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 34px;\n  height: 34px;\n  border: 1px solid rgba(200,216,238,.85);\n  border-radius: 13px;\n  background: #eef6ff;\n  color: var(--fbfeatv-primary-2);\n  cursor: pointer;\n  display: none;\n  font-size: 18px;\n  line-height: 1;\n  box-shadow: 0 8px 18px rgba(37,99,235,.08);\n  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;\n}\n\n.fbfeatv-clear:hover {\n  background: #dff0ff;\n  transform: translateY(-50%) scale(1.04);\n}\n\n.fbfeatv-clear:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--fbfeatv-ring);\n}\n\n.fbfeatv-submit {\n  min-height: 58px;\n  border: 0;\n  border-radius: 18px;\n  padding: 0 24px;\n  background: linear-gradient(135deg, var(--fbfeatv-primary-3), var(--fbfeatv-primary) 48%, var(--fbfeatv-accent));\n  color: #fff;\n  font: inherit;\n  font-size: 15px;\n  font-weight: 950;\n  cursor: pointer;\n  white-space: nowrap;\n  box-shadow: 0 18px 36px rgba(37,99,235,.25), inset 0 1px 0 rgba(255,255,255,.25);\n  transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease, filter .18s ease;\n}\n\n.fbfeatv-submit:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 22px 44px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.28);\n  filter: saturate(1.08);\n}\n\n.fbfeatv-submit:active {\n  transform: translateY(0);\n  box-shadow: 0 12px 24px rgba(37,99,235,.22);\n}\n\n.fbfeatv-submit:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--fbfeatv-ring), 0 18px 36px rgba(37,99,235,.25);\n}\n\n.fbfeatv-submit:disabled {\n  opacity: .68;\n  cursor: not-allowed;\n  transform: none;\n  filter: grayscale(.1);\n}\n\n.fbfeatv-helper-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  margin-top: 13px;\n}\n\n.fbfeatv-helper {\n  color: var(--fbfeatv-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.fbfeatv-safe {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 11px;\n  border-radius: 999px;\n  background: #ecfdf5;\n  color: #047857;\n  font-size: 12px;\n  font-weight: 850;\n  border: 1px solid #bbf7d0;\n  box-shadow: 0 8px 18px rgba(5,150,105,.08);\n}\n\n.fbfeatv-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n  margin-top: 17px;\n}\n\n.fbfeatv-chip {\n  border: 1px solid #dbeafe;\n  background: rgba(255,255,255,.82);\n  color: #315d90;\n  border-radius: 999px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 850;\n  box-shadow: 0 6px 16px rgba(15,23,42,.04);\n  transition: transform .18s ease, border-color .18s ease, background .18s ease;\n}\n\n.fbfeatv-chip:hover {\n  transform: translateY(-1px);\n  border-color: #bfdbfe;\n  background: #fff;\n}\n\n.fbfeatv-notice {\n  width: 100%;\n  max-width: 1200px;\n  margin: 14px auto 0;\n  border: 1px solid var(--fbfeatv-border);\n  background: rgba(255,255,255,.82);\n  border-radius: 20px;\n  padding: 13px 15px;\n  color: var(--fbfeatv-muted);\n  text-align: center;\n  font-size: 13px;\n  line-height: 1.55;\n  box-shadow: var(--fbfeatv-shadow-sm);\n  backdrop-filter: blur(12px);\n}\n\n.fbfeatv-state {\n  display: none;\n  width: 100%;\n  max-width: 1200px;\n  margin: 16px auto 0;\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid #bfdbfe;\n  background: linear-gradient(135deg, #eff6ff, #ecfeff);\n  color: #1d4ed8;\n  padding: 14px 16px;\n  font-size: 14px;\n  font-weight: 850;\n  line-height: 1.5;\n  box-shadow: var(--fbfeatv-shadow-sm);\n}\n\n.fbfeatv-state.fbfeatv-error {\n  border-color: #fecdd3;\n  background: linear-gradient(135deg, #fff1f2, #fff7ed);\n  color: var(--fbfeatv-error);\n}\n\n.fbfeatv-loading {\n  display: none;\n  width: 100%;\n  max-width: 1200px;\n  margin: 18px auto 0;\n  border-radius: 26px;\n  border: 1px solid var(--fbfeatv-border);\n  background: rgba(255,255,255,.9);\n  padding: clamp(16px, 2vw, 20px);\n  box-shadow: var(--fbfeatv-shadow-md);\n  backdrop-filter: blur(14px);\n}\n\n.fbfeatv-loading-top {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--fbfeatv-primary-2);\n  font-weight: 950;\n  margin-bottom: 16px;\n}\n\n.fbfeatv-spinner {\n  width: 23px;\n  height: 23px;\n  border-radius: 50%;\n  border: 3px solid #dbeafe;\n  border-top-color: var(--fbfeatv-primary);\n  animation: fbfeatv-spin .8s linear infinite;\n}\n\n.fbfeatv-skeleton-grid {\n  display: grid;\n  grid-template-columns: 1.2fr .8fr;\n  gap: 14px;\n}\n\n.fbfeatv-skel {\n  border-radius: 17px;\n  background: linear-gradient(90deg,#eef5ff,#dbeafe,#ecfeff,#eef5ff);\n  background-size: 240% 100%;\n  animation: fbfeatv-shimmer 1.2s linear infinite;\n}\n\n.fbfeatv-skel-cover {\n  aspect-ratio: 851\/315;\n  min-height: 150px;\n}\n\n.fbfeatv-skel-lines {\n  display: grid;\n  gap: 10px;\n  align-content: start;\n}\n\n.fbfeatv-skel-line {\n  height: 14px;\n}\n\n.fbfeatv-skel-line:nth-child(1) {\n  width: 90%;\n}\n\n.fbfeatv-skel-line:nth-child(2) {\n  width: 72%;\n}\n\n.fbfeatv-skel-line:nth-child(3) {\n  width: 84%;\n}\n\n.fbfeatv-empty {\n  width: 100%;\n  max-width: 1200px;\n  margin: 20px auto 0;\n  padding: clamp(22px, 3vw, 30px);\n  border-radius: 26px;\n  background: rgba(255,255,255,.76);\n  border: 1px dashed #bfd2eb;\n  text-align: center;\n  color: var(--fbfeatv-muted);\n  box-shadow: var(--fbfeatv-shadow-sm);\n  backdrop-filter: blur(12px);\n}\n\n.fbfeatv-empty-title {\n  margin: 0 0 7px;\n  color: var(--fbfeatv-text);\n  font-size: 17px;\n  font-weight: 950;\n}\n\n.fbfeatv-empty-text {\n  margin: 0 auto;\n  max-width: 760px;\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.fbfeatv-results {\n  display: none;\n  width: 100%;\n  max-width: 1200px;\n  margin: 22px auto 0;\n}\n\n.fbfeatv-profile-card {\n  width: 100%;\n  border-radius: 26px;\n  background: rgba(255,255,255,.94);\n  border: 1px solid var(--fbfeatv-border);\n  box-shadow: var(--fbfeatv-shadow-lg);\n  overflow: hidden;\n  margin-bottom: 16px;\n  backdrop-filter: blur(14px);\n}\n\n.fbfeatv-fb-cover {\n  width: 100%;\n  aspect-ratio: 851\/315;\n  background: linear-gradient(135deg,#dbeafe,#f8fbff);\n  position: relative;\n  overflow: hidden;\n}\n\n.fbfeatv-fb-cover::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background: linear-gradient(180deg, transparent 48%, rgba(15,23,42,.18));\n}\n\n.fbfeatv-fb-cover-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  cursor: zoom-in;\n  transition: transform .35s ease, filter .35s ease;\n}\n\n.fbfeatv-fb-cover-img:hover {\n  transform: scale(1.015);\n  filter: saturate(1.04);\n}\n\n.fbfeatv-fb-cover-placeholder {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  place-items: center;\n  color: #64748b;\n  font-weight: 950;\n  background:\n    radial-gradient(circle at 24% 30%, rgba(34,211,238,.30), transparent 34%),\n    radial-gradient(circle at 78% 38%, rgba(37,99,235,.22), transparent 32%),\n    linear-gradient(135deg,#eaf4ff,#ffffff);\n}\n\n.fbfeatv-profile-row {\n  display: flex;\n  align-items: flex-end;\n  gap: 16px;\n  padding: 0 24px 22px;\n  margin-top: -50px;\n  position: relative;\n  z-index: 2;\n}\n\n.fbfeatv-avatar {\n  width: 114px;\n  height: 114px;\n  border-radius: 50%;\n  border: 5px solid #fff;\n  background: #edf5ff;\n  overflow: hidden;\n  flex: 0 0 auto;\n  box-shadow: 0 18px 36px rgba(15,23,42,.20);\n  cursor: zoom-in;\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n\n.fbfeatv-avatar:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 22px 44px rgba(15,23,42,.24);\n}\n\n.fbfeatv-avatar-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.fbfeatv-avatar-fallback {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  place-items: center;\n  color: var(--fbfeatv-primary-2);\n  font-size: 34px;\n  font-weight: 950;\n  background: linear-gradient(135deg,#e0f2fe,#fff,#dbeafe);\n}\n\n.fbfeatv-profile-info {\n  min-width: 0;\n  padding-top: 56px;\n  flex: 1;\n}\n\n.fbfeatv-name-row {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.fbfeatv-profile-name {\n  margin: 0;\n  font-size: clamp(22px, 3vw, 34px);\n  line-height: 1.1;\n  font-weight: 950;\n  letter-spacing: -.03em;\n  color: var(--fbfeatv-text);\n  word-break: break-word;\n}\n\n.fbfeatv-verified {\n  display: inline-grid;\n  place-items: center;\n  width: 23px;\n  height: 23px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--fbfeatv-primary), var(--fbfeatv-accent));\n  color: #fff;\n  font-size: 13px;\n  font-weight: 950;\n  box-shadow: 0 8px 18px rgba(37,99,235,.22);\n}\n\n.fbfeatv-meta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.fbfeatv-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 1px solid #dbeafe;\n  background: #f5f9ff;\n  color: #385f8d;\n  border-radius: 999px;\n  padding: 7px 11px;\n  font-size: 12px;\n  font-weight: 850;\n  word-break: break-word;\n}\n\n.fbfeatv-section {\n  width: 100%;\n  border-radius: 26px;\n  background: rgba(255,255,255,.92);\n  border: 1px solid var(--fbfeatv-border);\n  box-shadow: var(--fbfeatv-shadow-md);\n  padding: clamp(16px, 2vw, 22px);\n  margin: 16px 0 0;\n  backdrop-filter: blur(12px);\n}\n\n.fbfeatv-section-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 14px;\n  margin-bottom: 15px;\n}\n\n.fbfeatv-section-title {\n  margin: 0;\n  color: var(--fbfeatv-text);\n  font-size: clamp(18px, 2.2vw, 24px);\n  line-height: 1.2;\n  font-weight: 950;\n  letter-spacing: -.025em;\n}\n\n.fbfeatv-section-note {\n  margin: 4px 0 0;\n  color: var(--fbfeatv-muted);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.fbfeatv-grid {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 13px;\n}\n\n.fbfeatv-grid-two {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 13px;\n}\n\n.fbfeatv-media-card {\n  min-width: 0;\n  border: 1px solid #dce8f8;\n  border-radius: 20px;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  overflow: hidden;\n  box-shadow: 0 10px 26px rgba(15,23,42,.06);\n  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n\n.fbfeatv-media-card:hover {\n  transform: translateY(-2px);\n  border-color: #bfdbfe;\n  box-shadow: 0 18px 36px rgba(15,23,42,.10);\n}\n\n.fbfeatv-media-box {\n  width: 100%;\n  aspect-ratio: 1\/1;\n  background: #eaf2ff;\n  display: grid;\n  place-items: center;\n  overflow: hidden;\n}\n\n.fbfeatv-media-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  cursor: zoom-in;\n  transition: transform .28s ease, filter .28s ease;\n}\n\n.fbfeatv-media-img:hover {\n  transform: scale(1.025);\n  filter: saturate(1.04);\n}\n\n.fbfeatv-cover-preview {\n  width: 100%;\n  aspect-ratio: 851\/315;\n  background: #eaf2ff;\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid #dce8f8;\n  box-shadow: 0 10px 26px rgba(15,23,42,.06);\n}\n\n.fbfeatv-cover-preview .fbfeatv-media-img {\n  object-fit: cover;\n}\n\n.fbfeatv-media-body {\n  padding: 13px;\n}\n\n.fbfeatv-media-title {\n  margin: 0 0 8px;\n  color: var(--fbfeatv-text);\n  font-size: 14px;\n  font-weight: 950;\n  line-height: 1.32;\n}\n\n.fbfeatv-media-meta {\n  color: var(--fbfeatv-muted);\n  font-size: 12px;\n  line-height: 1.48;\n  margin: 0 0 10px;\n}\n\n.fbfeatv-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.fbfeatv-action {\n  border: 1px solid #cfe0f7;\n  background: #fff;\n  color: var(--fbfeatv-primary-2);\n  border-radius: 13px;\n  padding: 10px 12px;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 900;\n  cursor: pointer;\n  line-height: 1;\n  box-shadow: 0 8px 18px rgba(15,23,42,.05);\n  transition: background .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease;\n}\n\n.fbfeatv-action:hover {\n  background: #eff6ff;\n  border-color: #bfdbfe;\n  transform: translateY(-1px);\n  box-shadow: 0 12px 24px rgba(15,23,42,.08);\n}\n\n.fbfeatv-action:active {\n  transform: translateY(0);\n}\n\n.fbfeatv-action:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--fbfeatv-ring);\n}\n\n.fbfeatv-action.fbfeatv-primary-action {\n  background: linear-gradient(135deg, var(--fbfeatv-primary-2), var(--fbfeatv-primary), var(--fbfeatv-accent));\n  color: #fff;\n  border-color: transparent;\n}\n\n.fbfeatv-video-card {\n  border: 1px solid #dce8f8;\n  border-radius: 20px;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  overflow: hidden;\n  box-shadow: 0 10px 26px rgba(15,23,42,.06);\n}\n\n.fbfeatv-video-thumb {\n  width: 100%;\n  aspect-ratio: 16\/9;\n  position: relative;\n  background: #0f172a;\n  display: grid;\n  place-items: center;\n  overflow: hidden;\n}\n\n.fbfeatv-video-thumb img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  opacity: .94;\n}\n\n.fbfeatv-inline-video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  background: #000;\n}\n\n.fbfeatv-post-media .fbfeatv-inline-video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.fbfeatv-play-badge {\n  position: absolute;\n  inset: auto auto 12px 12px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 11px;\n  background: rgba(255,255,255,.93);\n  color: var(--fbfeatv-text);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 950;\n  box-shadow: 0 10px 22px rgba(0,0,0,.18);\n  backdrop-filter: blur(10px);\n}\n\n.fbfeatv-video-body {\n  padding: 14px;\n}\n\n.fbfeatv-facts {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 11px;\n}\n\n.fbfeatv-fact {\n  border: 1px solid #dce8f8;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  border-radius: 18px;\n  padding: 13px;\n  min-width: 0;\n  box-shadow: 0 8px 20px rgba(15,23,42,.04);\n}\n\n.fbfeatv-fact-label {\n  color: var(--fbfeatv-muted);\n  font-size: 12px;\n  font-weight: 850;\n  margin-bottom: 4px;\n}\n\n.fbfeatv-fact-value {\n  color: var(--fbfeatv-text);\n  font-size: 15px;\n  font-weight: 950;\n  line-height: 1.35;\n  word-break: break-word;\n}\n\n.fbfeatv-intro-list {\n  display: grid;\n  gap: 10px;\n}\n\n.fbfeatv-intro-row {\n  display: grid;\n  grid-template-columns: 170px minmax(0, 1fr);\n  gap: 12px;\n  border: 1px solid #e1ebf8;\n  border-radius: 18px;\n  padding: 13px;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  box-shadow: 0 8px 18px rgba(15,23,42,.035);\n}\n\n.fbfeatv-intro-label {\n  color: var(--fbfeatv-muted);\n  font-size: 13px;\n  font-weight: 900;\n}\n\n.fbfeatv-intro-value {\n  color: var(--fbfeatv-text);\n  font-size: 13px;\n  line-height: 1.58;\n  word-break: break-word;\n}\n\n.fbfeatv-section-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n}\n\n.fbfeatv-section-pill {\n  border: 1px solid #dbeafe;\n  background: #f8fbff;\n  color: #234e82;\n  border-radius: 999px;\n  padding: 9px 12px;\n  font-size: 12px;\n  font-weight: 900;\n}\n\n.fbfeatv-post-card {\n  border: 1px solid #dce8f8;\n  background: linear-gradient(180deg, #ffffff, var(--fbfeatv-surface-2));\n  border-radius: 20px;\n  padding: 15px;\n  min-width: 0;\n  box-shadow: 0 10px 24px rgba(15,23,42,.05);\n}\n\n.fbfeatv-post-text {\n  color: var(--fbfeatv-text);\n  font-size: 14px;\n  line-height: 1.62;\n  margin: 0 0 12px;\n}\n\n.fbfeatv-post-media {\n  width: 100%;\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid #dce8f8;\n  margin-bottom: 12px;\n  background: #eaf2ff;\n  aspect-ratio: 16\/10;\n  display: grid;\n  place-items: center;\n}\n\n.fbfeatv-post-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.fbfeatv-shape-toggle {\n  display: inline-flex;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 999px;\n  background: #eff6ff;\n  border: 1px solid #dbeafe;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);\n}\n\n.fbfeatv-shape-btn {\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  color: #345f93;\n  padding: 7px 11px;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 900;\n  cursor: pointer;\n  transition: background .18s ease, color .18s ease, box-shadow .18s ease;\n}\n\n.fbfeatv-shape-btn:hover {\n  color: var(--fbfeatv-primary-2);\n}\n\n.fbfeatv-shape-btn.fbfeatv-active {\n  background: #fff;\n  color: var(--fbfeatv-primary-2);\n  box-shadow: 0 6px 16px rgba(20,70,130,.12);\n}\n\n.fbfeatv-square-mode .fbfeatv-media-box.fbfeatv-dp-box,\n.fbfeatv-square-mode .fbfeatv-media-box.fbfeatv-dp-box .fbfeatv-media-img {\n  border-radius: 0;\n}\n\n.fbfeatv-dp-box,\n.fbfeatv-dp-box .fbfeatv-media-img {\n  border-radius: 50%;\n}\n\n.fbfeatv-fb-cover-actions {\n  position: absolute;\n  right: 14px;\n  bottom: 14px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  z-index: 3;\n}\n\n.fbfeatv-fb-cover-actions .fbfeatv-action {\n  background: rgba(255,255,255,.94);\n  backdrop-filter: blur(10px);\n  box-shadow: 0 10px 26px rgba(12,40,80,.20);\n}\n\n.fbfeatv-fb-cover-actions .fbfeatv-action.fbfeatv-primary-action {\n  background: linear-gradient(135deg, var(--fbfeatv-primary-2), var(--fbfeatv-primary), var(--fbfeatv-accent)) !important;\n  color: #fff !important;\n  border-color: transparent !important;\n}\n\n.fbfeatv-avatar-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.fbfeatv-tabs-wrap {\n  width: 100%;\n  margin-top: 16px;\n}\n\n.fbfeatv-tabs {\n  display: flex;\n  gap: 8px;\n  overflow-x: auto;\n  padding: 4px 2px 12px;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n\n.fbfeatv-tab-btn {\n  flex: 0 0 auto;\n  border: 1px solid var(--fbfeatv-border);\n  background: rgba(255,255,255,.9);\n  color: #315d90;\n  border-radius: 999px;\n  padding: 10px 14px;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 950;\n  cursor: pointer;\n  white-space: nowrap;\n  box-shadow: 0 8px 20px rgba(29,87,170,.07);\n  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n}\n\n.fbfeatv-tab-btn:hover {\n  transform: translateY(-1px);\n  border-color: #bfdbfe;\n  background: #fff;\n}\n\n.fbfeatv-tab-btn.fbfeatv-active {\n  color: #fff;\n  border-color: transparent;\n  background: linear-gradient(135deg, var(--fbfeatv-primary-2), var(--fbfeatv-primary), var(--fbfeatv-accent));\n  box-shadow: 0 12px 26px rgba(37,99,235,.22);\n}\n\n.fbfeatv-tab-panels {\n  width: 100%;\n}\n\n.fbfeatv-tab-panel {\n  display: none;\n}\n\n.fbfeatv-tab-panel.fbfeatv-active {\n  display: block;\n}\n\n.fbfeatv-modal {\n  position: fixed !important;\n  inset: 0 !important;\n  left: 0 !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  width: 100vw !important;\n  height: 100vh !important;\n  min-height: 100vh !important;\n  height: 100dvh !important;\n  min-height: 100dvh !important;\n  z-index: 2147483000 !important;\n  display: none !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  background: rgba(3,10,24,.88) !important;\n  backdrop-filter: blur(12px);\n  overflow: hidden !important;\n  transform: none !important;\n  isolation: isolate !important;\n}\n\n.fbfeatv-modal.fbfeatv-open {\n  display: flex !important;\n}\n\n.fbfeatv-modal-panel {\n  position: relative !important;\n  width: min(80vw, 1120px) !important;\n  height: min(80vh, 820px) !important;\n  max-width: 80vw !important;\n  max-height: 80vh !important;\n  margin: auto !important;\n  border-radius: 24px;\n  background: #071a31 !important;\n  overflow: hidden !important;\n  box-shadow: 0 32px 110px rgba(0,0,0,.52);\n  display: grid !important;\n  grid-template-rows: auto minmax(0, 1fr) !important;\n  transform: none !important;\n  left: auto !important;\n  right: auto !important;\n  top: auto !important;\n  bottom: auto !important;\n  border: 1px solid rgba(255,255,255,.10);\n}\n\n.fbfeatv-modal-head {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 13px 15px;\n  background: rgba(255,255,255,.07);\n  color: #fff;\n  border-bottom: 1px solid rgba(255,255,255,.08);\n}\n\n.fbfeatv-modal-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 950;\n  line-height: 1.3;\n}\n\n.fbfeatv-modal-close {\n  border: 0;\n  border-radius: 13px;\n  background: rgba(255,255,255,.14);\n  color: #fff;\n  width: 38px;\n  height: 38px;\n  font-size: 24px;\n  cursor: pointer;\n  line-height: 1;\n  transition: background .18s ease, transform .18s ease;\n}\n\n.fbfeatv-modal-close:hover {\n  background: rgba(255,255,255,.22);\n  transform: scale(1.04);\n}\n\n.fbfeatv-modal-body {\n  min-width: 0 !important;\n  min-height: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 10px !important;\n  overflow: hidden !important;\n  background: #071a31 !important;\n}\n\n.fbfeatv-modal-img {\n  display: block;\n  max-width: 100% !important;\n  max-height: 100% !important;\n  width: auto !important;\n  height: auto !important;\n  object-fit: contain !important;\n  border-radius: 16px;\n  background: #fff;\n  margin: auto !important;\n  box-shadow: 0 18px 50px rgba(0,0,0,.32);\n}\n\n.fbfeatv-modal-video {\n  display: block;\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100% !important;\n  max-height: 100% !important;\n  object-fit: contain !important;\n  border-radius: 16px;\n  background: #000;\n  margin: auto !important;\n}\n\n.fbfeatv-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 20px;\n  z-index: 2147483001;\n  transform: translate(-50%, 18px);\n  opacity: 0;\n  pointer-events: none;\n  background: linear-gradient(135deg, #0f172a, #1e3a8a);\n  color: #fff;\n  border-radius: 999px;\n  padding: 11px 15px;\n  font-size: 13px;\n  font-weight: 900;\n  box-shadow: 0 18px 50px rgba(0,0,0,.24);\n  transition: opacity .18s ease, transform .18s ease;\n}\n\n.fbfeatv-toast.fbfeatv-show {\n  opacity: 1;\n  transform: translate(-50%,0);\n}\n\n@keyframes fbfeatv-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes fbfeatv-shimmer {\n  to {\n    background-position: -240% 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fbfeatv-spinner,\n  .fbfeatv-skel {\n    animation: none;\n  }\n\n  .fbfeatv-submit,\n  .fbfeatv-action,\n  .fbfeatv-chip,\n  .fbfeatv-media-card,\n  .fbfeatv-media-img,\n  .fbfeatv-avatar,\n  .fbfeatv-tab-btn {\n    transition: none;\n  }\n}\n\n@media (max-width: 900px) {\n  .fbfeatv-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  .fbfeatv-grid-two {\n    grid-template-columns: 1fr;\n  }\n\n  .fbfeatv-facts {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  .fbfeatv-skeleton-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 640px) {\n  .fbfeatv-wrapper {\n    padding: 22px 10px;\n  }\n\n  .fbfeatv-search-card,\n  .fbfeatv-section,\n  .fbfeatv-profile-card,\n  .fbfeatv-empty,\n  .fbfeatv-loading {\n    border-radius: 22px;\n  }\n\n  .fbfeatv-form {\n    grid-template-columns: 1fr;\n  }\n\n  .fbfeatv-submit,\n  .fbfeatv-input {\n    width: 100%;\n    min-height: 52px;\n    border-radius: 16px;\n  }\n\n  .fbfeatv-helper-row {\n    align-items: flex-start;\n  }\n\n  .fbfeatv-chips {\n    justify-content: flex-start;\n  }\n\n  .fbfeatv-profile-row {\n    margin-top: -38px;\n    padding: 0 14px 16px;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .fbfeatv-avatar {\n    width: 88px;\n    height: 88px;\n    border-width: 4px;\n  }\n\n  .fbfeatv-profile-info {\n    padding-top: 42px;\n  }\n\n  .fbfeatv-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .fbfeatv-facts {\n    grid-template-columns: 1fr;\n  }\n\n  .fbfeatv-intro-row {\n    grid-template-columns: 1fr;\n    gap: 5px;\n  }\n\n  .fbfeatv-section-head {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .fbfeatv-fb-cover-actions {\n    right: 10px !important;\n    left: auto !important;\n    justify-content: flex-end !important;\n    align-items: flex-end !important;\n  }\n\n  .fbfeatv-modal-panel {\n    width: min(92vw, 1120px) !important;\n    height: min(80vh, 820px) !important;\n    max-width: 92vw !important;\n    max-height: 80vh !important;\n    border-radius: 20px;\n  }\n\n  .fbfeatv-toast {\n    width: calc(100vw - 24px);\n    max-width: 420px;\n    text-align: center;\n  }\n}\n\n@media (max-width: 420px) {\n  .fbfeatv-title {\n    font-size: 29px;\n  }\n\n  .fbfeatv-subtitle {\n    font-size: 14px;\n  }\n\n  .fbfeatv-profile-row {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .fbfeatv-profile-info {\n    padding-top: 0;\n  }\n\n  .fbfeatv-actions,\n  .fbfeatv-avatar-actions {\n    width: 100%;\n  }\n\n  .fbfeatv-action {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n<\/style>\n<!-- facebook feature viewer | WordPress-safe single-file tool -->\n<!-- Readable separated version: CSS, HTML, and JS are marked with clear section comments. -->\n<div class=\"fbfeatv-wrapper\" id=\"fbfeatvTool\" data-tool=\"facebook feature viewer\">\n  <!-- ================= CSS SECTION START ================= -->\n  \n  <!-- ================= CSS SECTION END =================== -->\n\n  <!-- ================= HTML SECTION START ================ -->\n  <div class=\"fbfeatv-container\">\n    <div class=\"fbfeatv-hero\">\n      <div class=\"fbfeatv-badge\"><span class=\"fbfeatv-badge-dot\"><\/span><span>Facebook viewer<\/span><\/div>\n<h1 class=\"fbfeatv-title\">Facebook feature viewer<\/h1>\n<p class=\"fbfeatv-subtitle\">Enter a Facebook link to preview returned profile features, sections, tabs, media, and intro fields.<\/p>\n    <\/div>\n<div class=\"fbfeatv-search-card\">\n      <form class=\"fbfeatv-form\" id=\"fbfeatvForm\">\n        <div class=\"fbfeatv-field\">\n          <label class=\"fbfeatv-label\" for=\"fbfeatvInput\">Facebook link or username<\/label>\n          <input class=\"fbfeatv-input\" id=\"fbfeatvInput\" type=\"text\" placeholder=\"Enter Facebook profile, page, or tab URL\" autocomplete=\"off\">\n          <button class=\"fbfeatv-clear\" id=\"fbfeatvClear\" type=\"button\" aria-label=\"Clear input\">\u00d7<\/button>\n        <\/div>\n        <button class=\"fbfeatv-submit\" id=\"fbfeatvSubmit\" type=\"submit\">View Features<\/button>\n      <\/form>\n      <div class=\"fbfeatv-helper-row\">\n        <div class=\"fbfeatv-helper\">Use a Facebook link or username. Username input is converted to a Facebook URL before request.<\/div>\n      <\/div>\n<div class=\"fbfeatv-chips\"><span class=\"fbfeatv-chip\">Returned sections<\/span><span class=\"fbfeatv-chip\">Clean pills<\/span><span class=\"fbfeatv-chip\">No external links<\/span><span class=\"fbfeatv-chip\">Intro details<\/span><span class=\"fbfeatv-chip\">Visible fields<\/span><\/div>\n    <\/div>\n<div class=\"fbfeatv-state\" id=\"fbfeatvState\" aria-live=\"polite\"><\/div>\n<div class=\"fbfeatv-loading\" id=\"fbfeatvLoading\" aria-live=\"polite\">\n      <div class=\"fbfeatv-loading-top\"><span class=\"fbfeatv-spinner\"><\/span><span>Loading returned Facebook details...<\/span><\/div>\n<div class=\"fbfeatv-skeleton-grid\">\n        <div class=\"fbfeatv-skel fbfeatv-skel-cover\"><\/div>\n<div class=\"fbfeatv-skel-lines\">\n          <div class=\"fbfeatv-skel fbfeatv-skel-line\"><\/div>\n<div class=\"fbfeatv-skel fbfeatv-skel-line\"><\/div>\n<div class=\"fbfeatv-skel fbfeatv-skel-line\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n<div class=\"fbfeatv-empty\" id=\"fbfeatvEmpty\">\n      <p class=\"fbfeatv-empty-title\">Enter a Facebook link to start<\/p>\n<p class=\"fbfeatv-empty-text\">The result will be split into clean sections such as cover photo, profile pictures, photos, posts, videos, intro details, and returned sections when data exists.<\/p>\n    <\/div>\n<div class=\"fbfeatv-results\" id=\"fbfeatvResults\"><\/div>\n  <\/div>\n<div class=\"fbfeatv-modal\" id=\"fbfeatvModal\" aria-hidden=\"true\">\n    <div class=\"fbfeatv-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"fbfeatvModalTitle\">\n      <div class=\"fbfeatv-modal-head\">\n        <p class=\"fbfeatv-modal-title\" id=\"fbfeatvModalTitle\">Preview<\/p>\n        <button class=\"fbfeatv-modal-close\" id=\"fbfeatvModalClose\" type=\"button\" aria-label=\"Close preview\">\u00d7<\/button>\n      <\/div>\n<div class=\"fbfeatv-modal-body\" id=\"fbfeatvModalBody\"><\/div>\n    <\/div>\n  <\/div>\n<div class=\"fbfeatv-toast\" id=\"fbfeatvToast\" aria-live=\"polite\"><\/div>\n\n  <!-- ================= HTML SECTION END ================== -->\n\n  <!-- ================= JS SECTION START ================== -->\n  \n  <!-- ================= JS SECTION END ==================== -->\n<\/div><style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#1877F2 0%,#3B5998 25%,#4267B2 50%,#8B9DC3 75%,#DFE3EE 100%);\r\n    --brand:#1877F2;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .fb-fv-section-title{text-align:center; margin-bottom:60px;}\r\n  .fb-fv-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .fb-fv-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .fb-fv-step{ position:relative; text-align:center; }\r\n  .fb-fv-step .fb-fv-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .fb-fv-step:hover .fb-fv-step-icon{ transform:scale(1.08); }\r\n  .fb-fv-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-fv-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .fb-fv-feature-card .fb-fv-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .fb-fv-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-fv-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; }\r\n  .fb-fv-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .fb-fv-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .fb-fv-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .fb-fv-faq-question:hover{ background:rgba(24,119,242,.05); }\r\n  .fb-fv-faq-question:not(.collapsed){ background:rgba(24,119,242,.1); }\r\n  .fb-fv-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .fb-fv-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--grad);\r\n    color:#fff;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color:rgba(255,255,255,.92);\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-group .btn{\r\n    background:#fff;\r\n    color:var(--brand);\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .fb-fv-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color:rgba(255,255,255,.85);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .fb-fv-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .fb-fv-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .fb-fv-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .fb-fv-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .fb-fv-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-fv-section-title\">\r\n      <h2>How to Use the Facebook Feature Viewer<\/h2>\r\n      <p>Follow these steps to explore Facebook features anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-fv-step\">\r\n          <div class=\"fb-fv-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Profile or Page URL<\/h3>\r\n          <p>Copy the Facebook profile or page URL to view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-fv-step\">\r\n          <div class=\"fb-fv-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Load Features<\/h3>\r\n          <p>Click \u201cView Now\u201d to access public Facebook features.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-fv-step\">\r\n          <div class=\"fb-fv-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>Browse Anonymously<\/h3>\r\n          <p>Explore public posts, events, and more privately.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-fv-step\">\r\n          <div class=\"fb-fv-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access features without a Facebook account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-fv-section-title\">\r\n      <h2>Facebook Feature Viewer Features<\/h2>\r\n      <p>Tools for seamless and private exploration of Facebook features.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Browsing<\/h3>\r\n          <p>Explore Facebook without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83d\udcf8<\/span>\r\n          <h3>Public Content Access<\/h3>\r\n          <p>View public posts, photos, and events effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83c\udf89<\/span>\r\n          <h3>Feature Exploration<\/h3>\r\n          <p>Discover posts, events, groups, and page details.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>Browse without Facebook credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-fv-feature-card\">\r\n          <span class=\"fb-fv-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Access<\/h3>\r\n          <p>Quickly load Facebook features anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-fv-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the Facebook Feature Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"fb-fv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-fv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view private Facebook content?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-fv-faq-answer accordion-body\">\r\n                No. The Facebook Feature Viewer only shows public content, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-fv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-fv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a Facebook account to browse?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-fv-faq-answer accordion-body\">\r\n                No. The Facebook Feature Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-fv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-fv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the Facebook Feature Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-fv-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-fv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-fv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with Facebook?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-fv-faq-answer accordion-body\">\r\n                No. This is an independent Facebook Feature Viewer, and browsing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"fb-fv-cta-title text-white\">Try the Facebook Feature Viewer Now<\/h2>\r\n    <p class=\"fb-fv-cta-sub\">\r\n      Explore public Facebook features anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"fb-fv-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n<script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n\r\n<script>\r\n  document.querySelectorAll('.fb-fv-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.fb-fv-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":138,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1300","footnotes":""},"class_list":["post-1045","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1045","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/comments?post=1045"}],"version-history":[{"count":12,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1045\/revisions"}],"predecessor-version":[{"id":2152,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1045\/revisions\/2152"}],"up":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/138"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=1045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}