{"id":7379,"date":"2026-02-16T11:30:58","date_gmt":"2026-02-16T11:30:58","guid":{"rendered":"https:\/\/themeton.com\/?page_id=7379"},"modified":"2026-02-16T11:31:17","modified_gmt":"2026-02-16T11:31:17","slug":"snapchat-photo","status":"publish","type":"page","link":"https:\/\/themeton.com\/tools\/social-downloader\/snapchat-photo\/","title":{"rendered":"Snapchat Photo Downloader \u2013 Save Photos from Snapchat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7379\" class=\"elementor elementor-7379\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6272b7d2 e-con-full e-flex e-con e-parent\" data-id=\"6272b7d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44c7f053 elementor-widget elementor-widget-shortcode\" data-id=\"44c7f053\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* New Social Facebook Photo Viewer \u2014 WordPress-scoped *\/\n  .nsfph {\n    \/* Facebook brand blue system \u2014 matched to profile viewer *\/\n    --nsfph-ink: #ffffff;\n    --nsfph-muted: #c5daf8;\n    --nsfph-dim: #8fb4e8;\n    --nsfph-bg: #0b1f3d;\n    --nsfph-panel: #123056;\n    --nsfph-panel-soft: #1a3f70;\n    --nsfph-hover: #24528c;\n    --nsfph-line: rgba(24, 119, 242, 0.45);\n    --nsfph-accent: #1877f2;\n    --nsfph-accent-deep: #0d65d9;\n    --nsfph-cool: #4dabf7;\n    --nsfph-cool-deep: #1877f2;\n    --nsfph-success: #42b72a;\n    --nsfph-danger: #f02849;\n    --nsfph-radius: 10px;\n    --nsfph-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n    --nsfph-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsfph-pad: 12px;\n    --nsfph-gap: 12px;\n    --nsfph-avatar: 88px;\n    --nsfph-cols: 1;\n\n    box-sizing: border-box !important;\n    font-family: var(--nsfph-font);\n    color: var(--nsfph-ink);\n    line-height: 1.5;\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-height: 100vh;\n    min-width: 0 !important;\n    margin: 0 auto;\n    padding: clamp(8px, 2vw, 16px);\n    background:\n      radial-gradient(ellipse 90% 55% at 10% 0%, rgba(24, 119, 242, 0.55), transparent 55%),\n      radial-gradient(ellipse 70% 45% at 100% 10%, rgba(13, 101, 217, 0.35), transparent 50%),\n      linear-gradient(155deg, #07152b 0%, #0d274f 40%, #143a6e 75%, #1877f2 160%);\n    border-radius: 0;\n    border: 1px solid var(--nsfph-line);\n    position: relative;\n    isolation: isolate;\n    text-align: left;\n    overflow-x: hidden !important;\n    overflow-wrap: anywhere;\n    word-wrap: break-word;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n  }\n\n  .nsfph *,\n  .nsfph *::before,\n  .nsfph *::after {\n    box-sizing: border-box;\n  }\n\n  .nsfph :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, label, span) {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font-weight: inherit;\n    max-width: 100%;\n    overflow-wrap: anywhere;\n    word-wrap: break-word;\n  }\n\n  .nsfph :where(ul, ol) {\n    list-style: none;\n  }\n\n  .nsfph img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n    vertical-align: middle;\n  }\n\n  .nsfph a {\n    color: var(--nsfph-cool);\n    text-decoration: none;\n  }\n\n  .nsfph a:hover {\n    text-decoration: underline;\n  }\n\n  .nsfph-shell {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nsfph-gap);\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    min-width: 0;\n    overflow-x: hidden;\n  }\n\n  .nsfph-hero {\n    background: transparent;\n    padding: 36px 0 14px;\n    text-align: center;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    overflow-x: hidden;\n    border: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .nsfph .nsfph-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsfph-ink);\n  }\n\n  .nsfph-hero__brand {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph .nsfph-hero__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 42px;\n    height: 42px;\n    border-radius: 10px;\n    background: #1877f2;\n    color: #fff;\n    font-size: 1.45rem;\n    line-height: 1;\n    box-shadow: 0 1px 2px rgba(24, 119, 242, 0.28);\n  }\n\n  .nsfph .nsfph-hero__icon i {\n    display: block;\n    line-height: 1;\n  }\n\n  .nsfph-hero__title-text {\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    justify-content: flex-start;\n    gap: 0.35em;\n    min-width: 0;\n    font-size: clamp(1.2rem, 4.5vw, 1.7rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    text-align: left;\n  }\n\n  .nsfph-hero__title-mark {\n    color: var(--nsfph-cool);\n    font-weight: 700;\n  }\n\n  .nsfph .nsfph-hero__lead {\n    max-width: 560px;\n    margin: 0 auto 18px;\n    color: var(--nsfph-muted);\n    font-size: clamp(0.88rem, 2.4vw, 0.95rem);\n    line-height: 1.55;\n    padding: 0 2px;\n  }\n\n  .nsfph-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 4px;\n    padding: clamp(10px, 2vw, 14px);\n    background: var(--nsfph-bg);\n    border: 1px solid var(--nsfph-line);\n    border-radius: 8px;\n  }\n\n  .nsfph .nsfph-search__label {\n    display: block;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: var(--nsfph-muted);\n    line-height: 1.3;\n  }\n\n  .nsfph-search__row {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: stretch;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph .nsfph-search__field {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 46px;\n    min-height: 46px;\n    padding: 0 14px !important;\n    border: 1px solid var(--nsfph-line) !important;\n    border-radius: 8px;\n    background: #0b1f3d !important;\n    color: #ffffff !important;\n    font-family: var(--nsfph-font);\n    font-size: 16px !important;\n    font-weight: 500;\n    line-height: 46px;\n    outline: none;\n    box-shadow: none;\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .nsfph .nsfph-search__field:focus {\n    background: #0b1f3d !important;\n    border-color: #4dabf7 !important;\n    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.45);\n  }\n\n  .nsfph .nsfph-search__field::placeholder {\n    color: var(--nsfph-dim);\n  }\n\n  .nsfph-search__actions {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n    min-width: 0;\n    align-items: stretch;\n  }\n\n  .nsfph .nsfph-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 7px !important;\n    flex: 1 1 calc(50% - 4px);\n    width: auto;\n    height: 46px !important;\n    min-height: 46px !important;\n    min-width: 0;\n    max-width: 100%;\n    margin: 0 !important;\n    padding: 0 14px !important;\n    border: 0 !important;\n    border-radius: 8px !important;\n    font-family: var(--nsfph-font) !important;\n    font-size: 0.92rem !important;\n    font-weight: 600 !important;\n    line-height: 1 !important;\n    cursor: pointer;\n    transition: background 0.15s ease, opacity 0.15s ease, filter 0.15s ease;\n    white-space: nowrap;\n    text-align: center;\n    user-select: none;\n    text-decoration: none !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    overflow: hidden;\n    color: #fff !important;\n    background: var(--nsfph-hover) !important;\n    box-sizing: border-box !important;\n  }\n\n  .nsfph .nsfph-btn i,\n  .nsfph .nsfph-tabs__btn i,\n  .nsfph .nsfph-card__action i,\n  .nsfph .nsfph-profile__zoom i,\n  .nsfph .nsfph-modal__close i,\n  .nsfph .nsfph-modal__dl i,\n  .nsfph .nsfph-demo-chip i,\n  .nsfph .nsfph-notice i,\n  .nsfph .nsfph-card__badge i,\n  .nsfph .nsfph-card__overlay i,\n  .nsfph .nsfph-meta__chip i,\n  .nsfph i.fa-solid,\n  .nsfph i.fas {\n    --fa-display: inline-block;\n    display: inline-block !important;\n    line-height: 1 !important;\n    font-size: 0.92em;\n    width: 1.15em;\n    text-align: center;\n    vertical-align: middle;\n    font-style: normal !important;\n    font-variant: normal;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    flex-shrink: 0;\n  }\n\n  .nsfph .nsfph-empty i {\n    display: block !important;\n    font-size: 2rem !important;\n    width: auto;\n    margin: 0 auto 10px;\n    opacity: 0.4;\n    line-height: 1 !important;\n  }\n\n  .nsfph .nsfph-btn:hover {\n    filter: brightness(1.08);\n  }\n\n  .nsfph .nsfph-btn:active {\n    opacity: 0.92;\n  }\n\n  .nsfph .nsfph-btn:disabled {\n    opacity: 0.55;\n    cursor: wait;\n    filter: none;\n  }\n\n  .nsfph .nsfph-btn--paste {\n    background: #24528c !important;\n    color: #ffffff !important;\n    box-shadow: none;\n  }\n\n  .nsfph .nsfph-btn--paste:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfph .nsfph-btn--view {\n    background: var(--nsfph-accent) !important;\n    color: #ffffff !important;\n    box-shadow: none;\n  }\n\n  .nsfph .nsfph-btn--view:hover {\n    background: var(--nsfph-accent-deep) !important;\n  }\n\n  .nsfph .nsfph-search__hint {\n    font-size: 0.82rem;\n    color: var(--nsfph-dim);\n    line-height: 1.4;\n    max-width: 100%;\n  }\n\n  \/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n  .nsfph #xrespond-tools-turnstile-host {\n    display: none;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    flex: none;\n    order: unset;\n    box-sizing: border-box;\n  }\n\n  .nsfph #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n  }\n\n  .nsfph #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsfph-muted);\n    margin-bottom: 0.45rem;\n  }\n\n  .nsfph #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .nsfph #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ff8e8e;\n  }\n\n  .nsfph-search__row:has(#xrespond-tools-turnstile-host),\n  .nsfph-search__actions:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfph-search__row>#xrespond-tools-turnstile-host,\n  .nsfph-search__actions>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n  }\n\n  .nsfph-demo-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    align-self: flex-start;\n    max-width: 100%;\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: rgba(24, 119, 242, 0.22);\n    border: 1px solid rgba(24, 119, 242, 0.55);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    white-space: normal;\n  }\n\n  .nsfph .nsfph-alert {\n    display: none;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: rgba(240, 40, 73, 0.18);\n    border: 1px solid rgba(240, 40, 73, 0.45);\n    color: #ff8a9b;\n    font-weight: 600;\n    font-size: 0.86rem;\n    line-height: 1.4;\n    word-break: break-word;\n  }\n\n  .nsfph .nsfph-alert.is-visible {\n    display: block;\n  }\n\n  .nsfph .nsfph-notice {\n    display: none;\n    margin-top: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: rgba(24, 119, 242, 0.16);\n    border: 1px solid rgba(24, 119, 242, 0.45);\n    color: #9ec9ff;\n    font-size: 0.84rem;\n    line-height: 1.4;\n    word-break: break-word;\n  }\n\n  .nsfph .nsfph-notice.is-visible {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  \/* Skeleton *\/\n  .nsfph .nsfph-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph .nsfph-skeleton.is-visible {\n    display: block;\n  }\n\n  .nsfph .nsfph-content.is-hidden {\n    display: none !important;\n  }\n\n  .nsfph .nsfph-content.is-placeholder .nsfph-notice,\n  .nsfph .nsfph-content.is-placeholder .nsfph-profile__zoom {\n    display: none !important;\n  }\n\n  .nsfph .nsfph-content.is-placeholder .nsfph-card__media,\n  .nsfph .nsfph-content.is-placeholder .nsfph-card__action {\n    pointer-events: none;\n  }\n\n  .nsfph .nsfph-content.is-placeholder .nsfph-card__action {\n    opacity: 0.72;\n  }\n\n  .nsfph-pane__head {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 12px;\n    width: 100%;\n  }\n\n  .nsfph .nsfph-pane__title {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 1rem;\n    font-weight: 800;\n    color: var(--nsfph-ink);\n  }\n\n  .nsfph-pane__count {\n    display: inline-flex;\n    align-items: center;\n    padding: 5px 12px;\n    border-radius: 999px;\n    background: rgba(24, 119, 242, 0.18);\n    border: 1px solid var(--nsfph-line);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 700;\n  }\n\n  .nsfph-card__media--ghost {\n    background: linear-gradient(145deg, #123056, #1a4f8c 55%, #0d65d9);\n  }\n\n  .nsfph-card__media--ghost-b {\n    background: linear-gradient(145deg, #0f2a4d, #1877f2 60%, #42b72a);\n  }\n\n  .nsfph-card__media--ghost-c {\n    background: linear-gradient(145deg, #142848, #24528c 50%, #4dabf7);\n  }\n\n  .nsfph-card__media--ghost .nsfph-card__img {\n    display: none;\n  }\n\n  @keyframes nsfph-shimmer {\n    0% {\n      background-position: -400px 0;\n    }\n\n    100% {\n      background-position: 400px 0;\n    }\n  }\n\n  .nsfph .nsfph-sk {\n    background: linear-gradient(90deg,\n        rgba(24, 119, 242, 0.12) 0%,\n        rgba(77, 171, 247, 0.28) 45%,\n        rgba(24, 119, 242, 0.12) 100%);\n    background-size: 800px 100%;\n    animation: nsfph-shimmer 1.35s ease-in-out infinite;\n    border-radius: 8px;\n  }\n\n  .nsfph-skeleton__panel {\n    background: var(--nsfph-panel);\n    border: 1px solid var(--nsfph-line);\n    border-radius: var(--nsfph-radius);\n    box-shadow: none;\n    padding: 18px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph-skeleton__profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    padding: var(--nsfph-pad);\n    border-radius: 12px;\n    background: linear-gradient(160deg, rgba(24, 119, 242, 0.16), rgba(13, 101, 217, 0.1));\n    border: 1px solid var(--nsfph-line);\n    text-align: center;\n    margin-bottom: 16px;\n  }\n\n  .nsfph .nsfph-skeleton__avatar {\n    width: var(--nsfph-avatar);\n    height: var(--nsfph-avatar);\n    border-radius: 50% !important;\n    border: 3px solid rgba(255, 255, 255, 0.12);\n  }\n\n  .nsfph-skeleton__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n    align-items: center;\n    width: 100%;\n  }\n\n  .nsfph-skeleton__line {\n    height: 16px;\n  }\n\n  .nsfph-skeleton__line--lg {\n    width: min(200px, 70%);\n    height: 22px;\n  }\n\n  .nsfph-skeleton__line--md {\n    width: min(140px, 50%);\n    height: 14px;\n  }\n\n  .nsfph-skeleton__tabs {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin: 0 0 14px;\n    width: 100%;\n  }\n\n  .nsfph-skeleton__tab {\n    flex: 1 1 calc(50% - 8px);\n    min-width: 0;\n    height: 40px;\n    border-radius: 999px;\n  }\n\n  .nsfph-skeleton__grid {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfph-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsfph-skeleton__card,\n  .nsfph-tab-sk__card {\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--nsfph-line);\n    background: var(--nsfph-panel-soft);\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  .nsfph-skeleton__thumb,\n  .nsfph-tab-sk__thumb {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 0 !important;\n  }\n\n  .nsfph-skeleton__foot,\n  .nsfph-tab-sk__foot {\n    height: 72px;\n    margin: 12px;\n    border-radius: 10px !important;\n  }\n\n  .nsfph-tab-sk--photos {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfph-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsfph-tab-sk--details {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 8px 0;\n  }\n\n  .nsfph-tab-sk__line {\n    height: 14px;\n    border-radius: 8px;\n  }\n\n  .nsfph-tab-sk__line--sm {\n    width: min(120px, 40%);\n  }\n\n  .nsfph-tab-sk__line--lg {\n    width: min(280px, 85%);\n    height: 20px;\n  }\n\n  \/* Results *\/\n  .nsfph-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph-panel {\n    background: var(--nsfph-panel);\n    border: 1px solid var(--nsfph-line);\n    border-radius: var(--nsfph-radius);\n    box-shadow: none;\n    padding: clamp(14px, 2.5vw, 20px);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph-profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    text-align: center;\n    padding: var(--nsfph-pad);\n    border-radius: 8px;\n    background: var(--nsfph-panel-soft);\n    border: 1px solid var(--nsfph-line);\n    margin-bottom: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph-profile__avatar-wrap {\n    position: relative;\n    width: var(--nsfph-avatar);\n    height: var(--nsfph-avatar);\n  }\n\n  .nsfph-profile__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 3px;\n    background: linear-gradient(135deg, var(--nsfph-accent), var(--nsfph-cool));\n  }\n\n  .nsfph .nsfph-profile__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 50%;\n    border: 2px solid #0b1f3d;\n    background: var(--nsfph-panel-soft);\n  }\n\n  .nsfph .nsfph-profile__zoom {\n    position: absolute;\n    right: -2px;\n    bottom: -2px;\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    min-height: 36px;\n    border-radius: 50% !important;\n    border: 0 !important;\n    background: #1877f2 !important;\n    color: #fff !important;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 4px 12px rgba(8, 40, 90, 0.45);\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    touch-action: manipulation;\n  }\n\n  .nsfph .nsfph-profile__zoom:hover {\n    background: #0d65d9 !important;\n  }\n\n  .nsfph-profile__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n    min-width: 0;\n    width: 100%;\n  }\n\n  .nsfph .nsfph-profile__name {\n    font-size: clamp(1.1rem, 3vw, 1.35rem);\n    font-weight: 800;\n    color: var(--nsfph-ink);\n    line-height: 1.3;\n  }\n\n  .nsfph .nsfph-profile__handle {\n    color: var(--nsfph-cool);\n    font-size: 0.92rem;\n    font-weight: 600;\n  }\n\n  .nsfph-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .nsfph-meta__chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 10px;\n    border-radius: 999px;\n    background: rgba(24, 119, 242, 0.18);\n    border: 1px solid var(--nsfph-line);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 600;\n  }\n\n  .nsfph-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 14px 0 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph .nsfph-tabs__btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 7px !important;\n    flex: 1 1 calc(50% - 4px);\n    min-width: 0;\n    min-height: 44px;\n    height: auto;\n    padding: 10px 14px !important;\n    border-radius: 8px !important;\n    border: 1px solid var(--nsfph-line) !important;\n    background: var(--nsfph-panel-soft) !important;\n    color: var(--nsfph-muted) !important;\n    font-family: var(--nsfph-font) !important;\n    font-size: 0.88rem !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    text-decoration: none !important;\n    margin: 0 !important;\n    white-space: nowrap;\n  }\n\n  .nsfph .nsfph-tabs__btn.is-active {\n    background: rgba(24, 119, 242, 0.22) !important;\n    border-color: #1877f2 !important;\n    color: #9ec9ff !important;\n    box-shadow: none;\n  }\n\n  .nsfph-pane {\n    display: none;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph-pane.is-active {\n    display: block;\n  }\n\n  .nsfph-empty {\n    text-align: center;\n    padding: 28px 12px;\n    color: var(--nsfph-dim);\n    font-size: 0.92rem;\n  }\n\n  .nsfph-grid {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfph-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph-card {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n    background: var(--nsfph-panel-soft);\n    border: 1px solid var(--nsfph-line);\n    border-radius: 10px;\n    overflow: hidden;\n    transition: background 0.15s ease, border-color 0.15s ease;\n  }\n\n  .nsfph-card:hover {\n    background: var(--nsfph-hover);\n    border-color: rgba(24, 119, 242, 0.7);\n  }\n\n  .nsfph-card__media {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    background: #0b1f3d;\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nsfph .nsfph-card__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .nsfph-card__overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(7, 21, 43, 0.45);\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    color: #fff;\n    font-size: 1.25rem;\n    pointer-events: none;\n  }\n\n  .nsfph-card__media:hover .nsfph-card__overlay,\n  .nsfph-card__media:focus-visible .nsfph-card__overlay {\n    opacity: 1;\n  }\n\n  .nsfph-card__body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px;\n    min-width: 0;\n  }\n\n  .nsfph-card__badge {\n    display: inline-flex;\n    align-items: center;\n    align-self: flex-start;\n    gap: 6px;\n    padding: 5px 10px;\n    border-radius: 999px;\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: #fff;\n    background: var(--nsfph-accent);\n  }\n\n  .nsfph-card__badge--large {\n    background: #1877f2;\n  }\n\n  .nsfph-card__badge--medium {\n    background: #4dabf7;\n    color: #07152b;\n  }\n\n  .nsfph-card__badge--small {\n    background: #24528c;\n  }\n\n  .nsfph-card__badge--original {\n    background: #0d65d9;\n  }\n\n  .nsfph .nsfph-card__meta {\n    color: var(--nsfph-muted);\n    font-size: 0.82rem;\n    line-height: 1.4;\n  }\n\n  .nsfph-card__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n  }\n\n  .nsfph .nsfph-card__action {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 6px !important;\n    flex: 1 1 calc(50% - 4px);\n    min-width: 0;\n    min-height: 44px;\n    height: 44px;\n    padding: 0 12px !important;\n    border-radius: 8px !important;\n    border: 1px solid var(--nsfph-line) !important;\n    background: #24528c !important;\n    color: #ffffff !important;\n    font-family: var(--nsfph-font) !important;\n    font-size: 0.82rem !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    text-decoration: none !important;\n    margin: 0 !important;\n  }\n\n  .nsfph .nsfph-card__action--primary {\n    background: var(--nsfph-accent) !important;\n    border-color: transparent !important;\n    color: #ffffff !important;\n  }\n\n  .nsfph .nsfph-card__action:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfph .nsfph-card__action--primary:hover {\n    background: var(--nsfph-accent-deep) !important;\n  }\n\n  .nsfph-details {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfph .nsfph-details__title {\n    font-size: 1.05rem;\n    font-weight: 800;\n    color: var(--nsfph-ink);\n  }\n\n  .nsfph .nsfph-details__text {\n    color: var(--nsfph-muted);\n    font-size: 0.92rem;\n    line-height: 1.55;\n    white-space: pre-line;\n  }\n\n  .nsfph-details__list {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  .nsfph-details__item {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px 10px;\n    align-items: baseline;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: var(--nsfph-panel-soft);\n    border: 1px solid var(--nsfph-line);\n  }\n\n  .nsfph .nsfph-details__label {\n    color: var(--nsfph-dim);\n    font-size: 0.78rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n\n  .nsfph .nsfph-details__value {\n    color: var(--nsfph-ink);\n    font-size: 0.9rem;\n    font-weight: 600;\n  }\n\n  \/* Modal *\/\n  .nsfph-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n    background: rgba(7, 21, 43, 0.82);\n    backdrop-filter: blur(6px);\n  }\n\n  .nsfph-modal.is-open {\n    display: flex;\n  }\n\n  .nsfph-modal__dialog {\n    position: relative;\n    width: min(720px, 100%);\n    max-height: min(90vh, 900px);\n    overflow: auto;\n    background: #123056;\n    border: 1px solid var(--nsfph-line);\n    border-radius: 12px;\n    box-shadow: 0 24px 60px rgba(8, 40, 90, 0.55);\n    padding: 16px;\n  }\n\n  .nsfph .nsfph-modal__close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    min-height: 44px;\n    border-radius: 50% !important;\n    border: 0 !important;\n    background: #24528c !important;\n    color: #fff !important;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    z-index: 2;\n    touch-action: manipulation;\n  }\n\n  .nsfph .nsfph-modal__close:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfph .nsfph-modal__media {\n    width: 100%;\n    max-height: min(65vh, 640px);\n    object-fit: contain;\n    border-radius: 10px;\n    background: #0b1f3d;\n    margin: 8px 0 12px;\n  }\n\n  .nsfph .nsfph-modal__caption {\n    color: var(--nsfph-muted);\n    font-size: 0.9rem;\n    margin-bottom: 12px;\n    text-align: center;\n  }\n\n  .nsfph .nsfph-modal__dl {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n    width: 100%;\n    min-height: 46px;\n    height: 46px;\n    border-radius: 8px !important;\n    border: 0 !important;\n    background: var(--nsfph-accent) !important;\n    color: #ffffff !important;\n    font-family: var(--nsfph-font) !important;\n    font-size: 0.92rem !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    margin: 0 !important;\n    padding: 0 14px !important;\n  }\n\n  .nsfph .nsfph-modal__dl:hover {\n    background: var(--nsfph-accent-deep) !important;\n  }\n\n  \/* Responsive \u2014 tablet *\/\n  @media (min-width: 768px) {\n    .nsfph {\n      --nsfph-cols: 2;\n      --nsfph-pad: 16px;\n      --nsfph-avatar: 104px;\n    }\n\n    .nsfph-search__row {\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: stretch;\n    }\n\n    .nsfph .nsfph-search__field {\n      flex: 1 1 220px;\n      width: auto;\n    }\n\n    .nsfph-search__actions {\n      flex: 0 0 auto;\n      width: auto;\n      flex-wrap: nowrap;\n    }\n\n    .nsfph .nsfph-search__actions .nsfph-btn {\n      flex: 0 0 auto;\n      min-width: 120px;\n    }\n\n    .nsfph-profile,\n    .nsfph-skeleton__profile {\n      grid-template-columns: var(--nsfph-avatar) minmax(0, 1fr);\n      justify-items: stretch;\n      text-align: left;\n    }\n\n    .nsfph-profile__meta,\n    .nsfph-skeleton__meta {\n      align-items: flex-start;\n      text-align: left;\n    }\n\n    .nsfph-meta,\n    .nsfph-skeleton__stats {\n      justify-content: flex-start;\n    }\n\n    .nsfph-grid,\n    .nsfph-skeleton__grid,\n    .nsfph-tab-sk--photos {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nsfph-details__list {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  \/* Responsive \u2014 desktop *\/\n  @media (min-width: 1024px) {\n    .nsfph {\n      --nsfph-cols: 3;\n      --nsfph-pad: 18px;\n    }\n\n    .nsfph-grid,\n    .nsfph-skeleton__grid,\n    .nsfph-tab-sk--photos {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .nsfph {\n      --nsfph-cols: 4;\n    }\n\n    .nsfph-grid,\n    .nsfph-skeleton__grid,\n    .nsfph-tab-sk--photos {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  \/* ResizeObserver helpers *\/\n  .nsfph.nsfph--compact .nsfph-search__row {\n    flex-direction: column !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-search__field,\n  .nsfph.nsfph--compact .nsfph-search__actions {\n    width: 100% !important;\n    flex: 1 1 auto !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-search__actions .nsfph-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n    width: auto !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-profile,\n  .nsfph.nsfph--compact .nsfph-skeleton__profile {\n    grid-template-columns: 1fr !important;\n    justify-items: center !important;\n    text-align: center !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-profile__meta,\n  .nsfph.nsfph--compact .nsfph-skeleton__meta {\n    align-items: center !important;\n    text-align: center !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-meta {\n    justify-content: center !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-tabs__btn {\n    flex: 1 1 calc(50% - 6px) !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-grid,\n  .nsfph.nsfph--compact .nsfph-skeleton__grid,\n  .nsfph.nsfph--compact .nsfph-tab-sk--photos {\n    grid-template-columns: minmax(0, 1fr) !important;\n  }\n\n  .nsfph.nsfph--narrow .nsfph-tabs__btn {\n    flex: 1 1 100% !important;\n  }\n\n  .nsfph.nsfph--narrow .nsfph-search__actions .nsfph-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n  }\n\n  .nsfph.nsfph--narrow .nsfph-card__actions {\n    flex-direction: column;\n  }\n\n  .nsfph.nsfph--narrow .nsfph-card__action {\n    flex: 1 1 auto !important;\n    width: 100%;\n  }\n\n  @media (hover: none) {\n\n    .nsfph .nsfph-btn:hover,\n    .nsfph-card:hover {\n      filter: none;\n      background: var(--nsfph-panel-soft);\n    }\n\n    .nsfph-card__overlay {\n      opacity: 0.85;\n      background: rgba(7, 21, 43, 0.25);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .nsfph .nsfph-sk,\n    .nsfph .nsfph-btn,\n    .nsfph-card,\n    .nsfph-card__overlay {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\n  \/* Search controls: one row on large screens, wrap on narrow *\/\n  .nsfph .nsfph-search,\n  .nsfph .nsfph-search .nsfph-search__row,\n  .nsfph .nsfph-search .nsfph-search__actions {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    box-sizing: border-box !important;\n  }\n\n  .nsfph .nsfph-search .nsfph-search__row {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n    align-items: stretch !important;\n    gap: 8px !important;\n  }\n\n  .nsfph .nsfph-search .nsfph-search__field,\n  .nsfph .nsfph-search .nsfph-search__row > .nsfph-search__field {\n    flex: 1 1 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 0 !important;\n  }\n\n  .nsfph .nsfph-search .nsfph-search__actions,\n  .nsfph .nsfph-search .nsfph-search__row > .nsfph-search__actions {\n    display: flex !important;\n    flex: 0 0 auto !important;\n    flex-direction: row !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 0 !important;\n    flex-wrap: nowrap !important;\n    gap: 8px !important;\n  }\n\n  .nsfph .nsfph-search .nsfph-search__row > .nsfph-btn,\n  .nsfph .nsfph-search .nsfph-search__actions .nsfph-btn,\n  .nsfph .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 110px !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-search .nsfph-search__row,\n  .nsfph.nsfph--narrow .nsfph-search .nsfph-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-search .nsfph-search__field,\n  .nsfph.nsfph--narrow .nsfph-search .nsfph-search__field,\n  .nsfph.nsfph--compact .nsfph-search .nsfph-search__row > .nsfph-search__field,\n  .nsfph.nsfph--narrow .nsfph-search .nsfph-search__row > .nsfph-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-search .nsfph-search__actions,\n  .nsfph.nsfph--narrow .nsfph-search .nsfph-search__actions,\n  .nsfph.nsfph--compact .nsfph-search .nsfph-search__row > .nsfph-search__actions,\n  .nsfph.nsfph--narrow .nsfph-search .nsfph-search__row > .nsfph-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfph.nsfph--compact .nsfph-search .nsfph-search__row > .nsfph-btn,\n  .nsfph.nsfph--narrow .nsfph-search .nsfph-search__row > .nsfph-btn,\n  .nsfph.nsfph--compact .nsfph-search .nsfph-search__actions .nsfph-btn,\n  .nsfph.nsfph--narrow .nsfph-search .nsfph-search__actions .nsfph-btn,\n  .nsfph.nsfph--compact .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn,\n  .nsfph.nsfph--narrow .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n\n  @media (max-width: 720px) {\n    .nsfph .nsfph-search .nsfph-search__row {\n      flex-wrap: wrap !important;\n    }\n\n    .nsfph .nsfph-search .nsfph-search__field,\n    .nsfph .nsfph-search .nsfph-search__row > .nsfph-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfph .nsfph-search .nsfph-search__actions,\n    .nsfph .nsfph-search .nsfph-search__row > .nsfph-search__actions {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfph .nsfph-search .nsfph-search__row > .nsfph-btn,\n    .nsfph .nsfph-search .nsfph-search__actions .nsfph-btn,\n    .nsfph .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn {\n      flex: 1 1 calc(50% - 4px) !important;\n      min-width: 0 !important;\n      max-width: 100% !important;\n    }\n  }\n\n\/* --- Codex CSS updates --- *\/\n\/* New Social Facebook Photo Viewer \u2014 WordPress-scoped *\/\n.nsfph {\n  --nsfph-ink: #f7fbff;\n  --nsfph-muted: #c4d9f7;\n  --nsfph-dim: #88a9d6;\n  --nsfph-bg: #08172e;\n  --nsfph-panel: rgba(12, 31, 58, 0.82);\n  --nsfph-panel-soft: rgba(20, 49, 87, 0.9);\n  --nsfph-hover: rgba(35, 83, 145, 0.92);\n  --nsfph-line: rgba(126, 183, 255, 0.18);\n  --nsfph-accent: #2c8cff;\n  --nsfph-accent-deep: #1169e0;\n  --nsfph-cool: #78c6ff;\n  --nsfph-cool-deep: #3097ff;\n  --nsfph-success: #2dcf7a;\n  --nsfph-danger: #ff5d7a;\n  --nsfph-radius: 18px;\n  --nsfph-shadow: 0 22px 60px rgba(2, 12, 28, 0.42);\n  --nsfph-shadow-soft: 0 12px 30px rgba(4, 16, 38, 0.28);\n  --nsfph-glow: 0 0 0 4px rgba(44, 140, 255, 0.16);\n  --nsfph-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --nsfph-pad: 14px;\n  --nsfph-gap: 16px;\n  --nsfph-avatar: 88px;\n  --nsfph-cols: 1;\n\n  box-sizing: border-box !important;\n  font-family: var(--nsfph-font);\n  color: var(--nsfph-ink);\n  line-height: 1.55;\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  min-height: 100vh;\n  min-width: 0 !important;\n  margin: 0 auto;\n  padding: clamp(10px, 2vw, 20px);\n  background:\n    radial-gradient(circle at 0% 0%, rgba(120, 198, 255, 0.24), transparent 32%),\n    radial-gradient(circle at 100% 10%, rgba(44, 140, 255, 0.22), transparent 28%),\n    radial-gradient(circle at 50% 100%, rgba(65, 159, 255, 0.12), transparent 34%),\n    linear-gradient(145deg, #061120 0%, #0b1d38 34%, #10284a 62%, #153968 100%);\n  border-radius: 0;\n  border: 1px solid rgba(126, 183, 255, 0.14);\n  position: relative;\n  isolation: isolate;\n  text-align: left;\n  overflow-x: hidden !important;\n  overflow-wrap: anywhere;\n  word-wrap: break-word;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\n.nsfph::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 20%),\n    linear-gradient(135deg, rgba(120, 198, 255, 0.05), transparent 35%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.nsfph *,\n.nsfph *::before,\n.nsfph *::after {\n  box-sizing: border-box;\n}\n\n.nsfph :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, label, span) {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-weight: inherit;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n  word-wrap: break-word;\n}\n\n.nsfph :where(ul, ol) {\n  list-style: none;\n}\n\n.nsfph img {\n  max-width: 100%;\n  height: auto;\n  display: block;\n  border: 0;\n  vertical-align: middle;\n}\n\n.nsfph a {\n  color: var(--nsfph-cool);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.nsfph a:hover {\n  color: #b7e2ff;\n  text-decoration: underline;\n}\n\n.nsfph-shell {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--nsfph-gap);\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  min-width: 0;\n  overflow-x: hidden;\n}\n\n.nsfph-hero {\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));\n  padding: clamp(28px, 5vw, 44px) 0 10px;\n  text-align: center;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  overflow-x: hidden;\n  border: 0;\n  box-shadow: none;\n  border-radius: 0;\n}\n\n.nsfph .nsfph-hero__title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0 12px;\n  color: var(--nsfph-ink);\n}\n\n.nsfph-hero__brand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfph .nsfph-hero__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  width: 50px;\n  height: 50px;\n  border-radius: 16px;\n  background: linear-gradient(135deg, #49a6ff 0%, #1573ef 55%, #0b5bd0 100%);\n  color: #fff;\n  font-size: 1.45rem;\n  line-height: 1;\n  box-shadow:\n    0 10px 22px rgba(9, 79, 180, 0.34),\n    inset 0 1px 0 rgba(255, 255, 255, 0.18);\n}\n\n.nsfph .nsfph-hero__icon i {\n  display: block;\n  line-height: 1;\n}\n\n.nsfph-hero__title-text {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: flex-start;\n  gap: 0.35em;\n  min-width: 0;\n  font-size: clamp(1.35rem, 4.5vw, 2rem);\n  font-weight: 800;\n  letter-spacing: -0.03em;\n  line-height: 1.12;\n  text-align: left;\n}\n\n.nsfph-hero__title-mark {\n  color: #9fdbff;\n  font-weight: 800;\n}\n\n.nsfph .nsfph-hero__lead {\n  max-width: 620px;\n  margin: 0 auto 20px;\n  color: var(--nsfph-muted);\n  font-size: clamp(0.92rem, 2.4vw, 1rem);\n  line-height: 1.7;\n  padding: 0 2px;\n}\n\n.nsfph-search {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 12px;\n  text-align: left;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  margin-top: 6px;\n  padding: clamp(14px, 2.4vw, 18px);\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),\n    var(--nsfph-panel);\n  border: 1px solid var(--nsfph-line);\n  border-radius: calc(var(--nsfph-radius) + 2px);\n  box-shadow: var(--nsfph-shadow-soft);\n  backdrop-filter: blur(14px);\n}\n\n.nsfph .nsfph-search__label {\n  display: block;\n  font-size: 0.9rem;\n  font-weight: 700;\n  color: #e2efff;\n  line-height: 1.3;\n  letter-spacing: 0.01em;\n}\n\n.nsfph-search__row {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: 10px;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfph .nsfph-search__field {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 50px;\n  min-height: 50px;\n  padding: 0 16px !important;\n  border: 1px solid rgba(140, 191, 255, 0.2) !important;\n  border-radius: 14px;\n  background: linear-gradient(180deg, rgba(8, 23, 46, 0.96), rgba(9, 28, 55, 0.92)) !important;\n  color: #ffffff !important;\n  font-family: var(--nsfph-font);\n  font-size: 16px !important;\n  font-weight: 500;\n  line-height: 48px;\n  outline: none;\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.05),\n    0 6px 18px rgba(4, 15, 35, 0.14);\n  width: 100%;\n  max-width: 100% !important;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;\n}\n\n.nsfph .nsfph-search__field:hover {\n  border-color: rgba(140, 191, 255, 0.3) !important;\n}\n\n.nsfph .nsfph-search__field:focus {\n  background: linear-gradient(180deg, rgba(8, 23, 46, 1), rgba(10, 30, 58, 0.98)) !important;\n  border-color: rgba(120, 198, 255, 0.65) !important;\n  box-shadow:\n    var(--nsfph-glow),\n    inset 0 1px 0 rgba(255, 255, 255, 0.06),\n    0 12px 28px rgba(6, 27, 58, 0.24);\n}\n\n.nsfph .nsfph-search__field::placeholder {\n  color: var(--nsfph-dim);\n}\n\n.nsfph-search__actions {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 10px;\n  width: 100%;\n  min-width: 0;\n  align-items: stretch;\n}\n\n.nsfph .nsfph-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  flex: 1 1 calc(50% - 5px);\n  width: auto;\n  height: 50px !important;\n  min-height: 50px !important;\n  min-width: 0;\n  max-width: 100%;\n  margin: 0 !important;\n  padding: 0 18px !important;\n  border: 1px solid transparent !important;\n  border-radius: 14px !important;\n  font-family: var(--nsfph-font) !important;\n  font-size: 0.94rem !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  cursor: pointer;\n  transition: transform 0.18s ease, box-shadow 0.2s ease, filter 0.2s ease, background 0.2s ease, border-color 0.2s ease;\n  white-space: nowrap;\n  text-align: center;\n  user-select: none;\n  text-decoration: none !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  touch-action: manipulation;\n  overflow: hidden;\n  color: #fff !important;\n  background: linear-gradient(135deg, rgba(37, 82, 140, 0.96), rgba(26, 61, 110, 0.96)) !important;\n  box-sizing: border-box !important;\n  box-shadow:\n    0 12px 24px rgba(3, 14, 35, 0.24),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.nsfph .nsfph-btn i,\n.nsfph .nsfph-tabs__btn i,\n.nsfph .nsfph-card__action i,\n.nsfph .nsfph-profile__zoom i,\n.nsfph .nsfph-modal__close i,\n.nsfph .nsfph-modal__dl i,\n.nsfph .nsfph-demo-chip i,\n.nsfph .nsfph-notice i,\n.nsfph .nsfph-card__badge i,\n.nsfph .nsfph-card__overlay i,\n.nsfph .nsfph-meta__chip i,\n.nsfph i.fa-solid,\n.nsfph i.fas,\n.nsfph .fa-circle-info,\n.nsfph .fa-clone,\n.nsfph .fa-expand,\n.nsfph .fa-images,\n.nsfph .fa-paste,\n.nsfph .fa-xmark {\n  --fa-display: inline-block;\n  display: inline-block !important;\n  line-height: 1 !important;\n  font-size: 0.92em;\n  width: 1.15em;\n  text-align: center;\n  vertical-align: middle;\n  font-style: normal !important;\n  font-variant: normal;\n  text-rendering: auto;\n  -webkit-font-smoothing: antialiased;\n  flex-shrink: 0;\n}\n\n.nsfph .nsfph-empty i {\n  display: block !important;\n  font-size: 2.3rem !important;\n  width: auto;\n  margin: 0 auto 12px;\n  opacity: 0.5;\n  line-height: 1 !important;\n}\n\n.nsfph .nsfph-btn:hover {\n  filter: brightness(1.08);\n  transform: translateY(-1px);\n  box-shadow:\n    0 16px 28px rgba(4, 18, 42, 0.32),\n    inset 0 1px 0 rgba(255, 255, 255, 0.1);\n}\n\n.nsfph .nsfph-btn:active {\n  opacity: 1;\n  transform: translateY(0);\n  filter: brightness(0.98);\n}\n\n.nsfph .nsfph-btn:focus-visible,\n.nsfph .nsfph-tabs__btn:focus-visible,\n.nsfph .nsfph-card__action:focus-visible,\n.nsfph .nsfph-profile__zoom:focus-visible,\n.nsfph .nsfph-modal__close:focus-visible,\n.nsfph .nsfph-modal__dl:focus-visible {\n  outline: none;\n  box-shadow: var(--nsfph-glow);\n}\n\n.nsfph .nsfph-btn:disabled {\n  opacity: 0.55;\n  cursor: wait;\n  filter: none;\n  transform: none;\n  box-shadow: none;\n}\n\n.nsfph .nsfph-btn--paste {\n  background: linear-gradient(135deg, rgba(48, 89, 145, 0.98), rgba(25, 56, 102, 0.98)) !important;\n  color: #ffffff !important;\n  box-shadow:\n    0 12px 24px rgba(4, 16, 39, 0.24),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.nsfph .nsfph-btn--paste:hover {\n  background: linear-gradient(135deg, rgba(58, 105, 168, 1), rgba(31, 72, 128, 1)) !important;\n}\n\n.nsfph .nsfph-btn--view {\n  background: linear-gradient(135deg, #3aa0ff 0%, #1c82ff 45%, #1169e0 100%) !important;\n  color: #ffffff !important;\n  box-shadow:\n    0 14px 30px rgba(15, 92, 206, 0.34),\n    inset 0 1px 0 rgba(255, 255, 255, 0.14);\n}\n\n.nsfph .nsfph-btn--view:hover {\n  background: linear-gradient(135deg, #57b1ff 0%, #228aff 45%, #0d61d1 100%) !important;\n}\n\n.nsfph .nsfph-search__hint {\n  font-size: 0.84rem;\n  color: var(--nsfph-dim);\n  line-height: 1.45;\n  max-width: 100%;\n}\n\n.nsfph #xrespond-tools-turnstile-host {\n  display: none;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin: 0;\n  flex: none;\n  order: unset;\n  box-sizing: border-box;\n}\n\n.nsfph #xrespond-tools-turnstile-host.is-visible {\n  display: block;\n}\n\n.nsfph #xrespond-tools-turnstile-host .xrespond-ts-label {\n  display: block;\n  font-size: 0.85rem;\n  color: var(--nsfph-muted);\n  margin-bottom: 0.5rem;\n}\n\n.nsfph #xrespond-tools-turnstile-host .xrespond-ts-widget {\n  min-height: 65px;\n  max-width: 100%;\n  overflow: hidden;\n  padding: 8px;\n  border-radius: 14px;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px dashed rgba(126, 183, 255, 0.18);\n}\n\n.nsfph #xrespond-tools-turnstile-host .xrespond-ts-error {\n  color: #ff97a9;\n}\n\n.nsfph-search__row:has(#xrespond-tools-turnstile-host),\n.nsfph-search__actions:has(#xrespond-tools-turnstile-host) {\n  flex-wrap: wrap !important;\n}\n\n.nsfph-search__row > #xrespond-tools-turnstile-host,\n.nsfph-search__actions > #xrespond-tools-turnstile-host {\n  flex: 0 0 100% !important;\n  width: 100% !important;\n  order: -1;\n}\n\n.nsfph-demo-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  align-self: flex-start;\n  max-width: 100%;\n  padding: 7px 13px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, rgba(44, 140, 255, 0.18), rgba(120, 198, 255, 0.1));\n  border: 1px solid rgba(126, 183, 255, 0.24);\n  color: #b8e1ff;\n  font-size: 0.78rem;\n  font-weight: 800;\n  letter-spacing: 0.03em;\n  white-space: normal;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.nsfph .nsfph-alert {\n  display: none;\n  padding: 12px 14px;\n  border-radius: 14px;\n  background: linear-gradient(180deg, rgba(255, 93, 122, 0.14), rgba(255, 93, 122, 0.08));\n  border: 1px solid rgba(255, 93, 122, 0.24);\n  color: #ffc0cb;\n  font-weight: 700;\n  font-size: 0.86rem;\n  line-height: 1.45;\n  word-break: break-word;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n}\n\n.nsfph .nsfph-alert.is-visible {\n  display: block;\n}\n\n.nsfph .nsfph-notice {\n  display: none;\n  margin-top: 10px;\n  padding: 12px 14px;\n  border-radius: 14px;\n  background: linear-gradient(180deg, rgba(44, 140, 255, 0.14), rgba(120, 198, 255, 0.08));\n  border: 1px solid rgba(126, 183, 255, 0.24);\n  color: #bde3ff;\n  font-size: 0.84rem;\n  line-height: 1.45;\n  word-break: break-word;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n}\n\n.nsfph .nsfph-notice.is-visible {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.nsfph .nsfph-skeleton {\n  display: none;\n  margin: 0;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfph .nsfph-skeleton.is-visible {\n  display: block;\n}\n\n.nsfph .nsfph-content.is-hidden {\n  display: none !important;\n}\n\n.nsfph .nsfph-content.is-placeholder .nsfph-notice,\n.nsfph .nsfph-content.is-placeholder .nsfph-profile__zoom {\n  display: none !important;\n}\n\n.nsfph .nsfph-content.is-placeholder .nsfph-card__media,\n.nsfph .nsfph-content.is-placeholder .nsfph-card__action {\n  pointer-events: none;\n}\n\n.nsfph .nsfph-content.is-placeholder .nsfph-card__action {\n  opacity: 0.72;\n}\n\n.nsfph-pane__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 14px;\n  width: 100%;\n}\n\n.nsfph .nsfph-pane__title {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 1.02rem;\n  font-weight: 800;\n  color: var(--nsfph-ink);\n  letter-spacing: -0.01em;\n}\n\n.nsfph-pane__count {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 12px;\n  border-radius: 999px;\n  background: rgba(44, 140, 255, 0.12);\n  border: 1px solid rgba(126, 183, 255, 0.22);\n  color: #b8e1ff;\n  font-size: 0.78rem;\n  font-weight: 800;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.nsfph-card__media--ghost {\n  background: linear-gradient(145deg, #123056, #1f5a9f 55%, #1f84ff);\n}\n\n.nsfph-card__media--ghost-b {\n  background: linear-gradient(145deg, #122845, #2c8cff 60%, #2dcf7a);\n}\n\n.nsfph-card__media--ghost-c {\n  background: linear-gradient(145deg, #132540, #2f70b3 50%, #78c6ff);\n}\n\n.nsfph-card__media--ghost .nsfph-card__img {\n  display: none;\n}\n\n@keyframes nsfph-shimmer {\n  0% {\n    background-position: -400px 0;\n  }\n\n  100% {\n    background-position: 400px 0;\n  }\n}\n\n.nsfph .nsfph-sk {\n  background: linear-gradient(\n    90deg,\n    rgba(44, 140, 255, 0.1) 0%,\n    rgba(120, 198, 255, 0.24) 45%,\n    rgba(44, 140, 255, 0.1) 100%\n  );\n  background-size: 800px 100%;\n  animation: nsfph-shimmer 1.35s ease-in-out infinite;\n  border-radius: 10px;\n}\n\n.nsfph-skeleton__panel {\n  background: var(--nsfph-panel);\n  border: 1px solid var(--nsfph-line);\n  border-radius: var(--nsfph-radius);\n  box-shadow: var(--nsfph-shadow-soft);\n  padding: 20px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  backdrop-filter: blur(14px);\n}\n\n.nsfph-skeleton__profile {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  align-items: center;\n  justify-items: center;\n  padding: calc(var(--nsfph-pad) + 2px);\n  border-radius: 18px;\n  background: linear-gradient(160deg, rgba(44, 140, 255, 0.14), rgba(16, 40, 74, 0.72));\n  border: 1px solid var(--nsfph-line);\n  text-align: center;\n  margin-bottom: 18px;\n}\n\n.nsfph .nsfph-skeleton__avatar {\n  width: var(--nsfph-avatar);\n  height: var(--nsfph-avatar);\n  border-radius: 50% !important;\n  border: 3px solid rgba(255, 255, 255, 0.12);\n}\n\n.nsfph-skeleton__meta {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-width: 0;\n  align-items: center;\n  width: 100%;\n}\n\n.nsfph-skeleton__line {\n  height: 16px;\n}\n\n.nsfph-skeleton__line--lg {\n  width: min(200px, 70%);\n  height: 22px;\n}\n\n.nsfph-skeleton__line--md {\n  width: min(140px, 50%);\n  height: 14px;\n}\n\n.nsfph-skeleton__tabs {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin: 0 0 16px;\n  width: 100%;\n}\n\n.nsfph-skeleton__tab {\n  flex: 1 1 calc(50% - 10px);\n  min-width: 0;\n  height: 42px;\n  border-radius: 999px;\n}\n\n.nsfph-skeleton__grid {\n  display: grid;\n  grid-template-columns: repeat(var(--nsfph-cols, 1), minmax(0, 1fr));\n  gap: 14px;\n}\n\n.nsfph-skeleton__card,\n.nsfph-tab-sk__card {\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid var(--nsfph-line);\n  background: var(--nsfph-panel-soft);\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  box-shadow: var(--nsfph-shadow-soft);\n}\n\n.nsfph-skeleton__thumb,\n.nsfph-tab-sk__thumb {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  border-radius: 0 !important;\n}\n\n.nsfph-skeleton__foot,\n.nsfph-tab-sk__foot {\n  height: 72px;\n  margin: 12px;\n  border-radius: 12px !important;\n}\n\n.nsfph-tab-sk--photos {\n  display: grid;\n  grid-template-columns: repeat(var(--nsfph-cols, 1), minmax(0, 1fr));\n  gap: 14px;\n}\n\n.nsfph-tab-sk--details {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 8px 0;\n}\n\n.nsfph-tab-sk__line {\n  height: 14px;\n  border-radius: 8px;\n}\n\n.nsfph-tab-sk__line--sm {\n  width: min(120px, 40%);\n}\n\n.nsfph-tab-sk__line--lg {\n  width: min(280px, 85%);\n  height: 20px;\n}\n\n.nsfph-result {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfph-panel {\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),\n    var(--nsfph-panel);\n  border: 1px solid var(--nsfph-line);\n  border-radius: var(--nsfph-radius);\n  box-shadow: var(--nsfph-shadow);\n  padding: clamp(16px, 2.5vw, 22px);\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  backdrop-filter: blur(14px);\n}\n\n.nsfph-profile {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  align-items: center;\n  justify-items: center;\n  text-align: center;\n  padding: calc(var(--nsfph-pad) + 2px);\n  border-radius: 18px;\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),\n    var(--nsfph-panel-soft);\n  border: 1px solid var(--nsfph-line);\n  margin-bottom: 14px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n}\n\n.nsfph-profile__avatar-wrap {\n  position: relative;\n  width: var(--nsfph-avatar);\n  height: var(--nsfph-avatar);\n}\n\n.nsfph-profile__ring {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  padding: 4px;\n  background: linear-gradient(135deg, #42a9ff 0%, #2288ff 48%, #76d0ff 100%);\n  box-shadow: 0 16px 30px rgba(10, 66, 146, 0.26);\n}\n\n.nsfph .nsfph-profile__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n  border: 2px solid #0b1f3d;\n  background: var(--nsfph-panel-soft);\n}\n\n.nsfph .nsfph-profile__zoom {\n  position: absolute;\n  right: -4px;\n  bottom: -4px;\n  width: 38px;\n  height: 38px;\n  min-width: 38px;\n  min-height: 38px;\n  border-radius: 50% !important;\n  border: 1px solid rgba(255, 255, 255, 0.08) !important;\n  background: linear-gradient(135deg, #3aa0ff, #156fe9) !important;\n  color: #fff !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow:\n    0 12px 24px rgba(8, 40, 90, 0.38),\n    inset 0 1px 0 rgba(255, 255, 255, 0.12);\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  touch-action: manipulation;\n  transition: transform 0.18s ease, box-shadow 0.2s ease, filter 0.2s ease;\n}\n\n.nsfph .nsfph-profile__zoom:hover {\n  background: linear-gradient(135deg, #56b2ff, #1877f2) !important;\n  transform: translateY(-1px);\n}\n\n.nsfph-profile__meta {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n  min-width: 0;\n  width: 100%;\n}\n\n.nsfph .nsfph-profile__name {\n  font-size: clamp(1.14rem, 3vw, 1.45rem);\n  font-weight: 800;\n  color: var(--nsfph-ink);\n  line-height: 1.25;\n  letter-spacing: -0.02em;\n}\n\n.nsfph .nsfph-profile__handle {\n  color: #9fd8ff;\n  font-size: 0.94rem;\n  font-weight: 700;\n}\n\n.nsfph-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n  width: 100%;\n}\n\n.nsfph-meta__chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 11px;\n  border-radius: 999px;\n  background: rgba(44, 140, 255, 0.1);\n  border: 1px solid rgba(126, 183, 255, 0.22);\n  color: #b8e1ff;\n  font-size: 0.78rem;\n  font-weight: 700;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n}\n\n.nsfph-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 16px 0 14px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfph .nsfph-tabs__btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 7px !important;\n  flex: 1 1 calc(50% - 5px);\n  min-width: 0;\n  min-height: 46px;\n  height: auto;\n  padding: 11px 15px !important;\n  border-radius: 999px !important;\n  border: 1px solid rgba(126, 183, 255, 0.16) !important;\n  background: linear-gradient(180deg, rgba(20, 49, 87, 0.96), rgba(14, 39, 71, 0.96)) !important;\n  color: var(--nsfph-muted) !important;\n  font-family: var(--nsfph-font) !important;\n  font-size: 0.88rem !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  cursor: pointer;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  touch-action: manipulation;\n  text-decoration: none !important;\n  margin: 0 !important;\n  white-space: nowrap;\n  transition: transform 0.18s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;\n}\n\n.nsfph .nsfph-tabs__btn:hover {\n  color: #eff7ff !important;\n  border-color: rgba(126, 183, 255, 0.28) !important;\n  transform: translateY(-1px);\n}\n\n.nsfph .nsfph-tabs__btn.is-active {\n  background: linear-gradient(135deg, rgba(44, 140, 255, 0.24), rgba(18, 105, 224, 0.18)) !important;\n  border-color: rgba(107, 188, 255, 0.44) !important;\n  color: #d9efff !important;\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.06),\n    0 10px 24px rgba(8, 36, 77, 0.22);\n}\n\n.nsfph-pane {\n  display: none;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfph-pane.is-active {\n  display: block;\n}\n\n.nsfph-empty {\n  text-align: center;\n  padding: 34px 14px;\n  color: var(--nsfph-dim);\n  font-size: 0.94rem;\n  border: 1px dashed rgba(126, 183, 255, 0.18);\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.02);\n}\n\n.nsfph-grid {\n  display: grid;\n  grid-template-columns: repeat(var(--nsfph-cols, 1), minmax(0, 1fr));\n  gap: 14px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfph-card {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  width: 100%;\n  max-width: 100%;\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),\n    var(--nsfph-panel-soft);\n  border: 1px solid rgba(126, 183, 255, 0.16);\n  border-radius: 18px;\n  overflow: hidden;\n  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.2s ease;\n  box-shadow: var(--nsfph-shadow-soft);\n}\n\n.nsfph-card:hover {\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016)),\n    rgba(27, 58, 101, 0.94);\n  border-color: rgba(126, 183, 255, 0.28);\n  transform: translateY(-3px);\n  box-shadow: 0 18px 36px rgba(4, 18, 42, 0.28);\n}\n\n.nsfph-card__media {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  background: #0b1f3d;\n  cursor: pointer;\n  overflow: hidden;\n}\n\n.nsfph .nsfph-card__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.28s ease;\n}\n\n.nsfph-card__media:hover .nsfph-card__img,\n.nsfph-card__media:focus-visible .nsfph-card__img {\n  transform: scale(1.03);\n}\n\n.nsfph-card__overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(180deg, rgba(7, 21, 43, 0.08), rgba(7, 21, 43, 0.62));\n  opacity: 0;\n  transition: opacity 0.2s ease;\n  color: #fff;\n  font-size: 1.25rem;\n  pointer-events: none;\n}\n\n.nsfph-card__media:hover .nsfph-card__overlay,\n.nsfph-card__media:focus-visible .nsfph-card__overlay {\n  opacity: 1;\n}\n\n.nsfph-card__body {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 14px;\n  min-width: 0;\n}\n\n.nsfph-card__badge {\n  display: inline-flex;\n  align-items: center;\n  align-self: flex-start;\n  gap: 6px;\n  padding: 6px 11px;\n  border-radius: 999px;\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: #fff;\n  background: linear-gradient(135deg, #3097ff, #156fe9);\n  box-shadow: 0 8px 18px rgba(15, 92, 206, 0.22);\n}\n\n.nsfph-card__badge--large {\n  background: linear-gradient(135deg, #3097ff, #1877f2);\n}\n\n.nsfph-card__badge--medium {\n  background: linear-gradient(135deg, #8cd5ff, #4dabf7);\n  color: #06203d;\n}\n\n.nsfph-card__badge--small {\n  background: linear-gradient(135deg, #356ca8, #244f84);\n}\n\n.nsfph-card__badge--original {\n  background: linear-gradient(135deg, #2b8fff, #0d65d9);\n}\n\n.nsfph .nsfph-card__meta {\n  color: var(--nsfph-muted);\n  font-size: 0.83rem;\n  line-height: 1.5;\n}\n\n.nsfph-card__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  width: 100%;\n}\n\n.nsfph .nsfph-card__action {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 6px !important;\n  flex: 1 1 calc(50% - 4px);\n  min-width: 0;\n  min-height: 44px;\n  height: 44px;\n  padding: 0 12px !important;\n  border-radius: 12px !important;\n  border: 1px solid rgba(126, 183, 255, 0.16) !important;\n  background: linear-gradient(135deg, rgba(37, 82, 140, 0.96), rgba(28, 63, 109, 0.96)) !important;\n  color: #ffffff !important;\n  font-family: var(--nsfph-font) !important;\n  font-size: 0.82rem !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  cursor: pointer;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  touch-action: manipulation;\n  text-decoration: none !important;\n  margin: 0 !important;\n  transition: transform 0.18s ease, box-shadow 0.2s ease, filter 0.2s ease, background 0.2s ease;\n  box-shadow:\n    0 10px 20px rgba(4, 16, 39, 0.18),\n    inset 0 1px 0 rgba(255, 255, 255, 0.07);\n}\n\n.nsfph .nsfph-card__action--primary {\n  background: linear-gradient(135deg, #39a0ff, #1573ef) !important;\n  border-color: transparent !important;\n  color: #ffffff !important;\n  box-shadow:\n    0 12px 24px rgba(15, 92, 206, 0.28),\n    inset 0 1px 0 rgba(255, 255, 255, 0.12);\n}\n\n.nsfph .nsfph-card__action:hover {\n  background: linear-gradient(135deg, rgba(47, 101, 168, 1), rgba(32, 74, 129, 1)) !important;\n  transform: translateY(-1px);\n}\n\n.nsfph .nsfph-card__action--primary:hover {\n  background: linear-gradient(135deg, #55b0ff, #1169e0) !important;\n}\n\n.nsfph-details {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfph .nsfph-details__title {\n  font-size: 1.08rem;\n  font-weight: 800;\n  color: var(--nsfph-ink);\n  letter-spacing: -0.01em;\n}\n\n.nsfph .nsfph-details__text {\n  color: var(--nsfph-muted);\n  font-size: 0.94rem;\n  line-height: 1.65;\n  white-space: pre-line;\n}\n\n.nsfph-details__list {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 10px;\n}\n\n.nsfph-details__item {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n  align-items: baseline;\n  padding: 12px 14px;\n  border-radius: 14px;\n  background: linear-gradient(180deg, rgba(20, 49, 87, 0.94), rgba(16, 40, 74, 0.94));\n  border: 1px solid rgba(126, 183, 255, 0.14);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n}\n\n.nsfph .nsfph-details__label {\n  color: var(--nsfph-dim);\n  font-size: 0.77rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n.nsfph .nsfph-details__value {\n  color: var(--nsfph-ink);\n  font-size: 0.91rem;\n  font-weight: 700;\n}\n\n.nsfph-modal {\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(5, 15, 31, 0.86);\n  backdrop-filter: blur(10px);\n}\n\n.nsfph-modal.is-open {\n  display: flex;\n}\n\n.nsfph-modal__dialog {\n  position: relative;\n  width: min(760px, 100%);\n  max-height: min(90vh, 900px);\n  overflow: auto;\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),\n    rgba(12, 31, 58, 0.96);\n  border: 1px solid rgba(126, 183, 255, 0.18);\n  border-radius: 22px;\n  box-shadow: 0 30px 70px rgba(2, 12, 28, 0.52);\n  padding: 18px;\n}\n\n.nsfph .nsfph-modal__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 44px;\n  height: 44px;\n  min-width: 44px;\n  min-height: 44px;\n  border-radius: 50% !important;\n  border: 1px solid rgba(255, 255, 255, 0.08) !important;\n  background: linear-gradient(135deg, rgba(37, 82, 140, 0.98), rgba(28, 63, 109, 0.98)) !important;\n  color: #fff !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  z-index: 2;\n  touch-action: manipulation;\n  transition: transform 0.18s ease, box-shadow 0.2s ease, background 0.2s ease;\n  box-shadow:\n    0 12px 24px rgba(5, 19, 44, 0.3),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.nsfph .nsfph-modal__close:hover {\n  background: linear-gradient(135deg, rgba(54, 102, 165, 1), rgba(35, 78, 131, 1)) !important;\n  transform: translateY(-1px);\n}\n\n.nsfph .nsfph-modal__media {\n  width: 100%;\n  max-height: min(65vh, 640px);\n  object-fit: contain;\n  border-radius: 16px;\n  background: #0b1f3d;\n  margin: 10px 0 14px;\n  border: 1px solid rgba(126, 183, 255, 0.14);\n}\n\n.nsfph .nsfph-modal__caption {\n  color: var(--nsfph-muted);\n  font-size: 0.92rem;\n  margin-bottom: 14px;\n  text-align: center;\n  line-height: 1.55;\n}\n\n.nsfph .nsfph-modal__dl {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  width: 100%;\n  min-height: 48px;\n  height: 48px;\n  border-radius: 14px !important;\n  border: 0 !important;\n  background: linear-gradient(135deg, #39a0ff, #156fe9) !important;\n  color: #ffffff !important;\n  font-family: var(--nsfph-font) !important;\n  font-size: 0.92rem !important;\n  font-weight: 700 !important;\n  cursor: pointer;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  touch-action: manipulation;\n  margin: 0 !important;\n  padding: 0 14px !important;\n  transition: transform 0.18s ease, box-shadow 0.2s ease, filter 0.2s ease;\n  box-shadow:\n    0 14px 28px rgba(15, 92, 206, 0.3),\n    inset 0 1px 0 rgba(255, 255, 255, 0.12);\n}\n\n.nsfph .nsfph-modal__dl:hover {\n  background: linear-gradient(135deg, #56b2ff, #1269df) !important;\n  transform: translateY(-1px);\n}\n\n@media (min-width: 768px) {\n  .nsfph {\n    --nsfph-cols: 2;\n    --nsfph-pad: 18px;\n    --nsfph-avatar: 108px;\n  }\n\n  .nsfph-search__row {\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: stretch;\n  }\n\n  .nsfph .nsfph-search__field {\n    flex: 1 1 220px;\n    width: auto;\n  }\n\n  .nsfph-search__actions {\n    flex: 0 0 auto;\n    width: auto;\n    flex-wrap: nowrap;\n  }\n\n  .nsfph .nsfph-search__actions .nsfph-btn {\n    flex: 0 0 auto;\n    min-width: 128px;\n  }\n\n  .nsfph-profile,\n  .nsfph-skeleton__profile {\n    grid-template-columns: var(--nsfph-avatar) minmax(0, 1fr);\n    justify-items: stretch;\n    text-align: left;\n  }\n\n  .nsfph-profile__meta,\n  .nsfph-skeleton__meta {\n    align-items: flex-start;\n    text-align: left;\n  }\n\n  .nsfph-meta,\n  .nsfph-skeleton__stats {\n    justify-content: flex-start;\n  }\n\n  .nsfph-grid,\n  .nsfph-skeleton__grid,\n  .nsfph-tab-sk--photos {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .nsfph-details__list {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (min-width: 1024px) {\n  .nsfph {\n    --nsfph-cols: 3;\n    --nsfph-pad: 20px;\n  }\n\n  .nsfph-grid,\n  .nsfph-skeleton__grid,\n  .nsfph-tab-sk--photos {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n@media (min-width: 1200px) {\n  .nsfph {\n    --nsfph-cols: 4;\n  }\n\n  .nsfph-grid,\n  .nsfph-skeleton__grid,\n  .nsfph-tab-sk--photos {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n.nsfph.nsfph--compact .nsfph-search__row {\n  flex-direction: column !important;\n}\n\n.nsfph.nsfph--compact .nsfph-search__field,\n.nsfph.nsfph--compact .nsfph-search__actions {\n  width: 100% !important;\n  flex: 1 1 auto !important;\n}\n\n.nsfph.nsfph--compact .nsfph-search__actions .nsfph-btn {\n  flex: 1 1 calc(50% - 4px) !important;\n  width: auto !important;\n}\n\n.nsfph.nsfph--compact .nsfph-profile,\n.nsfph.nsfph--compact .nsfph-skeleton__profile {\n  grid-template-columns: 1fr !important;\n  justify-items: center !important;\n  text-align: center !important;\n}\n\n.nsfph.nsfph--compact .nsfph-profile__meta,\n.nsfph.nsfph--compact .nsfph-skeleton__meta {\n  align-items: center !important;\n  text-align: center !important;\n}\n\n.nsfph.nsfph--compact .nsfph-meta {\n  justify-content: center !important;\n}\n\n.nsfph.nsfph--compact .nsfph-tabs__btn {\n  flex: 1 1 calc(50% - 6px) !important;\n}\n\n.nsfph.nsfph--compact .nsfph-grid,\n.nsfph.nsfph--compact .nsfph-skeleton__grid,\n.nsfph.nsfph--compact .nsfph-tab-sk--photos {\n  grid-template-columns: minmax(0, 1fr) !important;\n}\n\n.nsfph.nsfph--narrow .nsfph-tabs__btn {\n  flex: 1 1 100% !important;\n}\n\n.nsfph.nsfph--narrow .nsfph-search__actions .nsfph-btn {\n  flex: 1 1 calc(50% - 4px) !important;\n}\n\n.nsfph.nsfph--narrow .nsfph-card__actions {\n  flex-direction: column;\n}\n\n.nsfph.nsfph--narrow .nsfph-card__action {\n  flex: 1 1 auto !important;\n  width: 100%;\n}\n\n@media (hover: none) {\n  .nsfph .nsfph-btn:hover {\n    transform: none;\n  }\n\n  .nsfph-card:hover {\n    transform: none;\n    background:\n      linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),\n      var(--nsfph-panel-soft);\n  }\n\n  .nsfph-card__overlay {\n    opacity: 0.85;\n    background: rgba(7, 21, 43, 0.25);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nsfph .nsfph-sk,\n  .nsfph .nsfph-btn,\n  .nsfph-card,\n  .nsfph-card__overlay,\n  .nsfph .nsfph-card__img,\n  .nsfph .nsfph-tabs__btn,\n  .nsfph .nsfph-card__action,\n  .nsfph .nsfph-modal__dl,\n  .nsfph .nsfph-profile__zoom {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n.nsfph .nsfph-search,\n.nsfph .nsfph-search .nsfph-search__row,\n.nsfph .nsfph-search .nsfph-search__actions {\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  box-sizing: border-box !important;\n}\n\n.nsfph .nsfph-search .nsfph-search__row {\n  display: flex !important;\n  flex-direction: row !important;\n  flex-wrap: nowrap !important;\n  align-items: stretch !important;\n  gap: 10px !important;\n}\n\n.nsfph .nsfph-search .nsfph-search__field,\n.nsfph .nsfph-search .nsfph-search__row > .nsfph-search__field {\n  flex: 1 1 auto !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 0 !important;\n}\n\n.nsfph .nsfph-search .nsfph-search__actions,\n.nsfph .nsfph-search .nsfph-search__row > .nsfph-search__actions {\n  display: flex !important;\n  flex: 0 0 auto !important;\n  flex-direction: row !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 0 !important;\n  flex-wrap: nowrap !important;\n  gap: 10px !important;\n}\n\n.nsfph .nsfph-search .nsfph-search__row > .nsfph-btn,\n.nsfph .nsfph-search .nsfph-search__actions .nsfph-btn,\n.nsfph .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn {\n  flex: 0 0 auto !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 118px !important;\n}\n\n.nsfph.nsfph--compact .nsfph-search .nsfph-search__row,\n.nsfph.nsfph--narrow .nsfph-search .nsfph-search__row {\n  flex-wrap: wrap !important;\n}\n\n.nsfph.nsfph--compact .nsfph-search .nsfph-search__field,\n.nsfph.nsfph--narrow .nsfph-search .nsfph-search__field,\n.nsfph.nsfph--compact .nsfph-search .nsfph-search__row > .nsfph-search__field,\n.nsfph.nsfph--narrow .nsfph-search .nsfph-search__row > .nsfph-search__field {\n  flex: 1 1 100% !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.nsfph.nsfph--compact .nsfph-search .nsfph-search__actions,\n.nsfph.nsfph--narrow .nsfph-search .nsfph-search__actions,\n.nsfph.nsfph--compact .nsfph-search .nsfph-search__row > .nsfph-search__actions,\n.nsfph.nsfph--narrow .nsfph-search .nsfph-search__row > .nsfph-search__actions {\n  flex: 1 1 100% !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.nsfph.nsfph--compact .nsfph-search .nsfph-search__row > .nsfph-btn,\n.nsfph.nsfph--narrow .nsfph-search .nsfph-search__row > .nsfph-btn,\n.nsfph.nsfph--compact .nsfph-search .nsfph-search__actions .nsfph-btn,\n.nsfph.nsfph--narrow .nsfph-search .nsfph-search__actions .nsfph-btn,\n.nsfph.nsfph--compact .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn,\n.nsfph.nsfph--narrow .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn {\n  flex: 1 1 calc(50% - 4px) !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n}\n\n@media (max-width: 720px) {\n  .nsfph {\n    --nsfph-gap: 14px;\n    --nsfph-radius: 16px;\n    padding: 10px;\n    min-height: auto;\n  }\n\n  .nsfph-hero {\n    padding: 24px 0 6px;\n  }\n\n  .nsfph-hero__brand {\n    gap: 12px;\n  }\n\n  .nsfph .nsfph-hero__icon {\n    width: 46px;\n    height: 46px;\n    border-radius: 14px;\n  }\n\n  .nsfph-search,\n  .nsfph-panel,\n  .nsfph-skeleton__panel {\n    padding: 14px;\n  }\n\n  .nsfph .nsfph-search .nsfph-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfph .nsfph-search .nsfph-search__field,\n  .nsfph .nsfph-search .nsfph-search__row > .nsfph-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfph .nsfph-search .nsfph-search__actions,\n  .nsfph .nsfph-search .nsfph-search__row > .nsfph-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfph .nsfph-search .nsfph-search__row > .nsfph-btn,\n  .nsfph .nsfph-search .nsfph-search__actions .nsfph-btn,\n  .nsfph .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n\n  .nsfph .nsfph-btn,\n  .nsfph .nsfph-card__action,\n  .nsfph .nsfph-tabs__btn,\n  .nsfph .nsfph-modal__dl {\n    font-size: 0.9rem !important;\n  }\n\n  .nsfph-card,\n  .nsfph-profile,\n  .nsfph-skeleton__profile,\n  .nsfph-modal__dialog {\n    border-radius: 16px;\n  }\n\n  .nsfph-card__body {\n    padding: 13px;\n  }\n\n  .nsfph-details__item {\n    padding: 11px 12px;\n  }\n\n  .nsfph-modal {\n    padding: 10px;\n  }\n\n  .nsfph-modal__dialog {\n    padding: 14px;\n  }\n}\n\n@media (max-width: 520px) {\n  .nsfph .nsfph-search .nsfph-search__row > .nsfph-btn,\n  .nsfph .nsfph-search .nsfph-search__actions .nsfph-btn,\n  .nsfph .nsfph-search .nsfph-search__row .nsfph-search__actions .nsfph-btn,\n  .nsfph .nsfph-card__action,\n  .nsfph .nsfph-tabs__btn {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n  }\n\n  .nsfph-search__actions,\n  .nsfph-card__actions {\n    flex-direction: column;\n  }\n\n  .nsfph-pane__head {\n    align-items: flex-start;\n  }\n\n  .nsfph .nsfph-search__field {\n    height: 48px;\n    min-height: 48px;\n  }\n\n  .nsfph .nsfph-btn {\n    height: 48px !important;\n    min-height: 48px !important;\n  }\n}\n<\/style>\n<!-- New Social Facebook Photo Viewer -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n<div class=\"nsfph\" id=\"nsfph-root\" data-nsfph-ready=\"0\">\n  <div class=\"nsfph-shell\">\n    <section class=\"nsfph-hero\" aria-labelledby=\"nsfph-title\">\n      <h1 class=\"nsfph-hero__title\" id=\"nsfph-title\">Snapchat Photo Downloader<\/h1>\n<p class=\"nsfph-hero__lead\">\n        Browse and download public Facebook photos from profiles and pages.\n      <\/p>\n<div class=\"nsfph-search\">\n        <label class=\"nsfph-search__label\" for=\"nsfph-input\">Enter Facebook username, page name, or URL<\/label>\n        <div id=\"xrespond-tools-turnstile-host\" aria-hidden=\"true\">\n          <span class=\"xrespond-ts-label\">Please verify you are human to continue:<\/span>\n          <div class=\"xrespond-ts-widget\"><\/div>\n<div class=\"xrespond-ts-error\" role=\"alert\"><\/div>\n        <\/div>\n<div class=\"nsfph-search__row\">\n          <input class=\"nsfph-search__field\" id=\"nsfph-input\" type=\"text\" name=\"nsfph_input\"\n            placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\" inputmode=\"url\">\n          <div class=\"nsfph-search__actions\">\n            <button type=\"button\" class=\"nsfph-btn nsfph-btn--paste\" id=\"nsfph-paste\" aria-label=\"Paste from clipboard\">\n              <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n            <\/button>\n            <button type=\"submit\" class=\"nsfph-btn nsfph-btn--view\" id=\"xrespond-tools-turnstile\">\n              <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i> View Photos\n            <\/button>\n          <\/div>\n        <\/div>\n<div class=\"nsfph-alert\" id=\"nsfph-alert\" role=\"alert\"><\/div>\n<p class=\"nsfph-search__hint\">Tip: Only public photos can be viewed. Use a username, page name, profile URL, or\n          a direct photo link.<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsfph-skeleton\" id=\"nsfph-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n      <div class=\"nsfph-skeleton__panel\">\n        <div class=\"nsfph-skeleton__profile\">\n          <div class=\"nsfph-sk nsfph-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfph-skeleton__meta\">\n            <div class=\"nsfph-sk nsfph-skeleton__line nsfph-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfph-sk nsfph-skeleton__line nsfph-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfph-skeleton__tabs\" aria-hidden=\"true\">\n          <div class=\"nsfph-sk nsfph-skeleton__tab\"><\/div>\n<div class=\"nsfph-sk nsfph-skeleton__tab\"><\/div>\n        <\/div>\n<div class=\"nsfph-skeleton__grid\" aria-hidden=\"true\">\n          <div class=\"nsfph-skeleton__card\">\n            <div class=\"nsfph-sk nsfph-skeleton__thumb\"><\/div>\n<div class=\"nsfph-sk nsfph-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfph-skeleton__card\">\n            <div class=\"nsfph-sk nsfph-skeleton__thumb\"><\/div>\n<div class=\"nsfph-sk nsfph-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfph-skeleton__card\">\n            <div class=\"nsfph-sk nsfph-skeleton__thumb\"><\/div>\n<div class=\"nsfph-sk nsfph-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfph-skeleton__card\">\n            <div class=\"nsfph-sk nsfph-skeleton__thumb\"><\/div>\n<div class=\"nsfph-sk nsfph-skeleton__foot\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <section class=\"nsfph-result\" id=\"nsfph-result\" aria-live=\"polite\">\n      <div class=\"nsfph-panel nsfph-content is-placeholder\" id=\"nsfph-content\">\n        <div class=\"nsfph-profile\">\n          <div class=\"nsfph-profile__avatar-wrap\">\n            <div class=\"nsfph-profile__ring\">\n              <img decoding=\"async\" class=\"nsfph-profile__img\" id=\"nsfph-avatar\" src=\"\" alt=\"Profile avatar\">\n            <\/div>\n            <button type=\"button\" class=\"nsfph-profile__zoom\" id=\"nsfph-avatar-zoom\" aria-label=\"Expand photo\">\n              <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n            <\/button>\n          <\/div>\n<div class=\"nsfph-profile__meta\">\n            <h2 class=\"nsfph-profile__name\" id=\"nsfph-fullname\">-<\/h2>\n<p class=\"nsfph-profile__handle\" id=\"nsfph-handle\">@-<\/p>\n<div class=\"nsfph-meta\" id=\"nsfph-meta\"><\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfph-notice\" id=\"nsfph-notice\" role=\"status\">\n          <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n          <span id=\"nsfph-notice-text\"><\/span>\n        <\/div>\n<div class=\"nsfph-tabs\" role=\"tablist\" aria-label=\"Photo sections\">\n          <button type=\"button\" class=\"nsfph-tabs__btn is-active\" role=\"tab\" aria-selected=\"true\"\n            data-nsfph-tab=\"photos\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i> Photos\n          <\/button>\n          <button type=\"button\" class=\"nsfph-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfph-tab=\"details\">\n            <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i> Details\n          <\/button>\n        <\/div>\n<div class=\"nsfph-pane is-active\" id=\"nsfph-pane-photos\" role=\"tabpanel\" data-nsfph-pane=\"photos\">\n          <div class=\"nsfph-empty\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i>\n            <p>Enter a username or URL and click View Photos to browse photos.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfph-pane\" id=\"nsfph-pane-details\" role=\"tabpanel\" data-nsfph-pane=\"details\">\n          <div class=\"nsfph-empty\">\n            <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n            <p>Photo details will appear here.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<div class=\"nsfph-modal\" id=\"nsfph-modal\" aria-hidden=\"true\">\n    <div class=\"nsfph-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Photo preview\">\n      <button type=\"button\" class=\"nsfph-modal__close\" id=\"nsfph-modal-close\" aria-label=\"Close preview\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n      <\/button>\n      <img decoding=\"async\" class=\"nsfph-modal__media\" id=\"nsfph-modal-media\" src=\"\" alt=\"Photo preview\">\n      <p class=\"nsfph-modal__caption\" id=\"nsfph-modal-caption\"><\/p>\n      <button type=\"button\" class=\"nsfph-modal__dl\" id=\"nsfph-modal-dl\">\n        <i class=\"fa-solid fa-clone\" aria-hidden=\"true\"><\/i> Download\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\r\n\r\n<div class=\"sph-photo-master\">\r\n    <style>\r\n        \/* \r\n        ========================================\r\n        CORE SETUP & UI TOKENS\r\n        ========================================\r\n        *\/\r\n        .sph-photo-master {\r\n            --sph-primary: #1a4c97;\r\n            --sph-black: #000000;\r\n            --sph-text: #475569;\r\n            --sph-bg-off: #f8fafc;\r\n            --sph-radius: 10px;\r\n            --sph-container: 1200px;\r\n            --sph-wrapper: 1160px;\r\n            \r\n            width: 100%;\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            \/* Native Inter-style system font stack *\/\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n            color: var(--sph-text);\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .sph-photo-master *, \r\n        .sph-photo-master *::before, \r\n        .sph-photo-master *::after {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \r\n        ========================================\r\n        TYPOGRAPHY (Title Case & Precise Sizes)\r\n        ========================================\r\n        H2: 19pt (~25px) Mobile | H3: 16pt (~21px) | P: 16px\r\n        *\/\r\n        .sph-header-center {\r\n            text-align: center;\r\n            max-width: 850px;\r\n            margin: 0 auto 48px auto;\r\n        }\r\n\r\n        .sph-photo-master h2 {\r\n            font-size: 25px; \r\n            font-weight: 800;\r\n            color: var(--sph-black);\r\n            margin-bottom: 16px;\r\n            letter-spacing: -0.02em;\r\n            line-height: 1.2;\r\n            text-transform: capitalize; \r\n            text-align: center;\r\n        }\r\n\r\n        .sph-photo-master h3 {\r\n            font-size: 21px; \r\n            font-weight: 700;\r\n            color: var(--sph-black);\r\n            margin-bottom: 12px;\r\n            text-transform: capitalize;\r\n        }\r\n\r\n        .sph-photo-master p {\r\n            font-size: 16px;\r\n            color: var(--sph-text);\r\n            margin: 0;\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            .sph-photo-master h2 { font-size: 34px; } \/* Requested 34px Desktop *\/\r\n            .sph-photo-master h3 { font-size: 24px; }\r\n        }\r\n\r\n        \/* \r\n        ========================================\r\n        LAYOUT STRUCTURE\r\n        ========================================\r\n        *\/\r\n        .sph-section {\r\n            padding: 80px 0;\r\n            width: 100%;\r\n        }\r\n\r\n        .sph-container {\r\n            width: 100%;\r\n            max-width: var(--sph-container);\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .sph-inner-wrapper {\r\n            max-width: var(--sph-wrapper);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .sph-grid {\r\n            display: grid;\r\n            gap: 24px;\r\n            width: 100%;\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .sph-grid-3 { grid-template-columns: repeat(3, 1fr); }\r\n        }\r\n\r\n        \/* Background Variants *\/\r\n        .sph-bg-white { background-color: #ffffff; }\r\n        .sph-bg-gradient { background: linear-gradient(180deg, #ffffff 0%, #eef3fb 45%, #d3e1f3 100%); }\r\n        .sph-bg-offwhite { background-color: var(--sph-bg-off); }\r\n\r\n        \/* \r\n        ========================================\r\n        CARD UI (Premium 10px Radius)\r\n        ========================================\r\n        *\/\r\n        .sph-card {\r\n            background: #ffffff;\r\n            border-radius: var(--sph-radius);\r\n            padding: 35px 24px;\r\n            border: 1px solid rgba(26, 76, 151, 0.12);\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            height: 100%;\r\n        }\r\n\r\n        .sph-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 30px rgba(26, 76, 151, 0.12);\r\n            border-color: var(--sph-primary);\r\n        }\r\n\r\n        .sph-icon-box {\r\n            width: 64px;\r\n            height: 64px;\r\n            background: #f1f5f9;\r\n            color: var(--sph-primary);\r\n            border-radius: var(--sph-radius);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .sph-card:hover .sph-icon-box {\r\n            background: var(--sph-primary);\r\n            color: #ffffff;\r\n        }\r\n\r\n        .sph-icon-box svg {\r\n            width: 32px;\r\n            height: 32px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        \/* \r\n        ========================================\r\n        PURE CSS REVEAL ANIMATION (No JS)\r\n        ========================================\r\n        *\/\r\n        .sph-reveal {\r\n            animation: sphFadeIn 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        @keyframes sphFadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- SECTION 1: 3 CARDS (WHITE) -->\r\n<section class=\"sph-section sph-bg-white\">\r\n        <div class=\"sph-container\">\r\n\r\n<\/div>\r\n\t<\/section>\r\n\t\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"sph-section sph-bg-white\">\r\n        <div class=\"sph-container\">\r\n            <div class=\"sph-header-center sph-reveal\">\r\n                <h2>Why Use A Private Snapchat Photo Downloader?<\/h2>\r\n                <p>Save memories and public snaps without sending screenshots notifications. Our tool allows you to archive high-resolution images anonymously and securely.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sph-inner-wrapper\">\r\n                <div class=\"sph-grid sph-grid-3\">\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Screenshot-Free Saving<\/h3>\r\n                        <p>Download photos without triggering the \"Screenshot Taken\" alert. Our system saves the file directly from the source URL.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\" style=\"animation-delay: 0.1s;\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M17.13,17C15.92,18.85 14.11,20.24 12,20.92C9.89,20.24 8.08,18.85 6.87,17C6.53,16.5 6.24,16 6,15.47C6,13.47 10,12.36 12,12.36C14,12.36 18,13.47 18,15.47C17.76,16 17.47,16.5 17.13,17Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Anonymous Access<\/h3>\r\n                        <p>View public snaps in Ghost Mode. The sender will never know you accessed or saved their content.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\" style=\"animation-delay: 0.2s;\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M11.5,20L12.06,19.2C13.18,17.56 14.25,16 14.25,14.25C14.25,13 13.25,12 12,12C10.75,12 9.75,13 9.75,14.25C9.75,16 10.82,17.56 11.94,19.2L12.5,20H11.5M13,6V8H11V6H13M13,10V12H11V10H13M17,8V10H15V8H17M17,12V14H15V12H17M9,10V8H7V10H9M9,14V12H7V14H9M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Instant Image Retrieval<\/h3>\r\n                        <p>Optimized for 2026 mobile speeds. Fetch high-quality images from stories and spotlights in milliseconds.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2: 6 CARDS (GRADIENT) -->\r\n    <section class=\"sph-section sph-bg-gradient\">\r\n        <div class=\"sph-container\">\r\n            <div class=\"sph-header-center sph-reveal\">\r\n                <h2>What Premium Features Are Included?<\/h2>\r\n                <p>Explore the sophisticated tools built into our extraction engine for high-resolution photo saving.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sph-inner-wrapper\">\r\n                <div class=\"sph-grid sph-grid-3\">\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Original Quality Downloads<\/h3>\r\n                        <p>Save photos in their original uploaded resolution without the quality loss typical of screen capturing.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Spotlight Image Support<\/h3>\r\n                        <p>Extract still frames and cover images from public Spotlight videos with a single click.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21C5,22.11 5.89,23 7,23H17C18.11,23 19,22.11 19,21V3C19,1.89 18.11,1 17,1Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Samsung S25 Ready<\/h3>\r\n                        <p>The interface scales perfectly for the latest Galaxy S25 Ultra and high-density iPhone displays.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12,17A2,2 0 0,0 14,15C14,13.89 13.11,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8H17V6A5,5 0 0,0 12,1A5,5 0 0,0 7,6V8H6A2,2 0 0,0 4,10V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V10A2,2 0 0,0 18,8M8.9,6A3.1,3.1 0 0,1 12,2.9A3.1,3.1 0 0,1 15.1,6V8H8.9V6Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Secure SSL Tunneling<\/h3>\r\n                        <p>All photo requests are proxied through hidden nodes to mask your IP and ensure data safety.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Metadata Discovery<\/h3>\r\n                        <p>View original upload timestamps and caption text associated with the Snap anonymously.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Clean UI Interface<\/h3>\r\n                        <p>Enjoy a professional viewing environment focusing purely on media extraction without clutter.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3: 3 CARDS (WHITE) -->\r\n    <section class=\"sph-section sph-bg-white\">\r\n        <div class=\"sph-container\">\r\n            <div class=\"sph-header-center sph-reveal\">\r\n                <h2>How To Save Snapchat Photos Anonymously?<\/h2>\r\n                <p>Follow our simple three-step guide to extract any public image instantly from your browser.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sph-inner-wrapper\">\r\n                <div class=\"sph-grid sph-grid-3\">\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\" style=\"font-weight: 800; font-size: 20px;\">01<\/div>\r\n                        <h3>Copy Profile URL<\/h3>\r\n                        <p>Navigate to the public story or profile on Snapchat and copy the link via the share menu.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\" style=\"font-weight: 800; font-size: 20px;\">02<\/div>\r\n                        <h3>Paste Into Tool<\/h3>\r\n                        <p>Paste the copied link into our secure input field and click the generate view button.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\" style=\"font-weight: 800; font-size: 20px;\">03<\/div>\r\n                        <h3>Download Image<\/h3>\r\n                        <p>The photo will appear in HD quality. Click the download button to save it to your local gallery.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 4: 3 CARDS (OFFWHITE) -->\r\n    <section class=\"sph-section sph-bg-offwhite\">\r\n        <div class=\"sph-container\">\r\n            <div class=\"sph-header-center sph-reveal\">\r\n                <h2>Is This Photo Saver Tool Safe?<\/h2>\r\n                <p>Absolute safety and user privacy are the fundamental core pillars of our 2026 content engine.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sph-inner-wrapper\">\r\n                <div class=\"sph-grid sph-grid-3\">\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M11,17H13V11H11V17M11,9H13V7H11V9Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Zero Search Logging<\/h3>\r\n                        <p>We never store your search history, IP address, or downloads. Your browsing session remains strictly private.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7A2,2 0 0,1 14,9A2,2 0 0,1 12,11A2,2 0 0,1 10,9A2,2 0 0,1 12,7M15.5,16.5L14,18H10L8.5,16.5V14.5L10,13H14L15.5,14.5V16.5Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>No Password Needed<\/h3>\r\n                        <p>Use our tool without logging in. We never request your name, email, or personal account passwords.<\/p>\r\n                    <\/div>\r\n                    <div class=\"sph-card sph-reveal\">\r\n                        <div class=\"sph-icon-box\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18V19.93M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Public Content Policy<\/h3>\r\n                        <p>We only retrieve media set to public by users, respecting all platform privacy and data protection laws.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":7372,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7379","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/comments?post=7379"}],"version-history":[{"count":4,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7379\/revisions"}],"predecessor-version":[{"id":7383,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7379\/revisions\/7383"}],"up":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7372"}],"wp:attachment":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/media?parent=7379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}