@import url('https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;500;600;700&display=swap');
/* Facebook Ads/fbkp-common.css */
:root{--fbkp-primary-blue: #1877f2;--fbkp-primary-blue-hover: #166fe5;--fbkp-blue-tint: rgba(24, 119, 242, 0.15);--fbkp-like-blue: #2078f4;--fbkp-love-red: #f33e5b;--fbkp-care-gold: #f7b125}
.fbkp{--fbkp-bg: #18191a;--fbkp-surface: #242526;--fbkp-surface-subtle: #3a3b3c;--fbkp-input-bg: #3a3b3c;--fbkp-line: #393a3b;--fbkp-line-light: #444950;--fbkp-ink: #e4e6eb;--fbkp-body: #b0b3b8;--fbkp-muted: #8a8d91;--fbkp-btn-secondary-bg: #3a3b3c;--fbkp-btn-secondary-hover: #4e4f50;--fbkp-btn-secondary-text: #e4e6eb;--fbkp-surface-card: #242526;--fbkp-hover: #3a3b3c;--fbkp-elevation-2: 0 4px 12px rgba(0, 0, 0, 0.35);--fbkp-elevation-3: 0 12px 28px rgba(0, 0, 0, 0.45);--fbkp-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);--fbkp-popover-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.4), 0 2px 4px 0 rgba(0, 0, 0, 0.2);--fbkp-font: "Segoe UI Historic", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;--fbkp-radius-card: 10px;--fbkp-radius-btn: 6px;position: relative;width: 100%;height: 100%;min-height: var(--fbkp-min-height, 560px);overflow-y: auto;overflow-x: hidden;isolation: isolate;container-type: inline-size;container-name: fbkp;background: var(--fbkp-bg);color: var(--fbkp-ink);font-family: var(--fbkp-font);font-size: 15px;line-height: 1.4;-webkit-font-smoothing: antialiased}
.fbkp[data-theme="light"],[data-theme="light"] .fbkp{--fbkp-bg: #f0f2f5;--fbkp-surface: #ffffff;--fbkp-surface-subtle: #f0f2f5;--fbkp-input-bg: #f0f2f5;--fbkp-line: #ced0d4;--fbkp-line-light: #e4e6eb;--fbkp-ink: #050505;--fbkp-body: #65676b;--fbkp-muted: #8a8d91;--fbkp-btn-secondary-bg: #e4e6eb;--fbkp-btn-secondary-hover: #d8dadf;--fbkp-btn-secondary-text: #050505;--fbkp-surface-card: #ffffff;--fbkp-hover: #e4e6eb;--fbkp-elevation-2: 0 4px 12px rgba(0, 0, 0, 0.12);--fbkp-elevation-3: 0 12px 28px rgba(0, 0, 0, 0.18);--fbkp-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);--fbkp-popover-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.18), 0 2px 4px 0 rgba(0, 0, 0, 0.08)}
.fbkp,.fbkp *,.fbkp *::before,.fbkp *::after{box-sizing: border-box}
.fbkp a{color: var(--fbkp-ink);text-decoration: none}
.fbkp a:hover{text-decoration: underline}
.fbkp-sprite{position: absolute;width: 0;height: 0;overflow: hidden}
.fbkp-post{background: var(--fbkp-surface);border: 1px solid var(--fbkp-line);border-radius: var(--fbkp-radius-card);box-shadow: var(--fbkp-card-shadow);overflow: hidden;transition: box-shadow 0.2s ease, border-color 0.2s ease;position: relative}
.fbkp-post:hover{border-color: var(--fbkp-line-light)}
.fbkp-post-header{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px 8px}
.fbkp-post-header-left{display: flex;align-items: center;gap: 12px}
.fbkp-page-avatar-wrap{position: relative;width: 42px;height: 42px;flex-shrink: 0}
.fbkp-page-avatar{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;border: 1px solid var(--fbkp-line)}
.fbkp-story-ring{box-shadow: 0 0 0 2px var(--fbkp-surface), 0 0 0 4px var(--fbkp-primary-blue)}
.fbkp-post-meta{display: flex;flex-direction: column}
.fbkp-page-name-row{display: flex;align-items: center;gap: 6px}
.fbkp-page-name{font-weight: 600;font-size: 15px;color: var(--fbkp-ink)}
.fbkp-page-name:hover{text-decoration: underline}
.fbkp-verified-badge{display: inline-flex;align-items: center;color: var(--fbkp-primary-blue)}
.fbkp-verified-badge svg{width: 14px;height: 14px;fill: currentColor}
.fbkp-post-submeta{display: flex;align-items: center;gap: 6px;font-size: 13px;color: var(--fbkp-body)}
.fbkp-sponsored-tag{font-weight: 500;color: var(--fbkp-body)}
.fbkp-sponsored-tag:hover{text-decoration: underline}
.fbkp-globe-icon{width: 12px;height: 12px;fill: var(--fbkp-body);display: inline-block;vertical-align: middle}
.fbkp-post-header-actions{display: flex;align-items: center;gap: 4px}
.fbkp-post-action-btn{background: transparent;border: none;width: 34px;height: 34px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--fbkp-body);cursor: pointer;transition: background 0.15s ease, color 0.15s ease}
.fbkp-post-action-btn:hover{background: var(--fbkp-surface-subtle);color: var(--fbkp-ink)}
.fbkp-post-action-btn svg{width: 20px;height: 20px;fill: currentColor}
.fbkp-post-text{padding: 4px 16px 12px;font-size: 15px;line-height: 1.45;color: var(--fbkp-ink);word-break: break-word}
.fbkp-post-text.is-clamped{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}
.fbkp-see-more-btn{background: transparent;border: none;padding: 0;margin-left: 4px;color: var(--fbkp-body);font-size: 14.5px;font-weight: 600;cursor: pointer}
.fbkp-see-more-btn:hover{text-decoration: underline}
.fbkp-media-box{position: relative;width: 100%;background: #000000;overflow: hidden}
.fbkp-media-box.ratio-1-1{aspect-ratio: 1 / 1}
.fbkp-media-box.ratio-16-9{aspect-ratio: 1.91 / 1}
.fbkp-media-box img{width: 100%;height: 100%;object-fit: cover;display: block}
.fbkp-link-preview{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;background: var(--fbkp-surface-subtle);border-top: 1px solid var(--fbkp-line);gap: 16px}
.fbkp-link-info{flex: 1;display: flex;flex-direction: column;gap: 3px;min-width: 0}
.fbkp-link-domain{font-size: 12px;text-transform: uppercase;letter-spacing: 0.4px;color: var(--fbkp-body);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.fbkp-link-headline{font-weight: 600;font-size: 15px;line-height: 1.35;color: var(--fbkp-ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.fbkp-link-desc{font-size: 13px;color: var(--fbkp-body);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.fbkp-cta-btn{display: inline-flex;align-items: center;justify-content: center;padding: 8px 16px;border-radius: var(--fbkp-radius-btn);background: var(--fbkp-btn-secondary-bg);color: var(--fbkp-btn-secondary-text);font-weight: 600;font-size: 14px;border: none;cursor: pointer;white-space: nowrap;flex-shrink: 0;transition: background 0.15s ease, transform 0.1s ease}
.fbkp-cta-btn:hover{background: var(--fbkp-btn-secondary-hover);text-decoration: none}
.fbkp-cta-btn.primary{background: var(--fbkp-primary-blue);color: #ffffff}
.fbkp-cta-btn.primary:hover{background: var(--fbkp-primary-blue-hover)}
.fbkp-stats-row{display: flex;align-items: center;justify-content: space-between;padding: 10px 16px;border-bottom: 1px solid var(--fbkp-line);font-size: 13px;color: var(--fbkp-body)}
.fbkp-reactions-cluster{display: flex;align-items: center;gap: 6px;cursor: pointer}
.fbkp-reaction-icons-stack{display: flex;align-items: center}
.fbkp-reaction-circle{width: 18px;height: 18px;border-radius: 50%;border: 1px solid var(--fbkp-surface);display: flex;align-items: center;justify-content: center;margin-left: -4px}
.fbkp-reaction-circle:first-child{margin-left: 0;z-index: 3}
.fbkp-reaction-circle:nth-child(2){z-index: 2}
.fbkp-reaction-circle:nth-child(3){z-index: 1}
.fbkp-reaction-circle.like{background: var(--fbkp-like-blue)}
.fbkp-reaction-circle.love{background: var(--fbkp-love-red)}
.fbkp-reaction-circle.care{background: var(--fbkp-care-gold)}
.fbkp-reaction-circle svg{width: 10px;height: 10px;fill: #fff}
.fbkp-comments-shares{display: flex;align-items: center;gap: 12px}
.fbkp-comments-shares span:hover{text-decoration: underline;cursor: pointer}
.fbkp-actions-bar{display: flex;align-items: center;justify-content: space-around;padding: 4px 6px;position: relative}
.fbkp-action-pill{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;height: 38px;border-radius: 6px;background: transparent;border: none;color: var(--fbkp-body);font-weight: 600;font-size: 14px;cursor: pointer;transition: background 0.15s ease, color 0.15s ease;position: relative}
.fbkp-action-pill:hover{background: var(--fbkp-surface-subtle);color: var(--fbkp-ink)}
.fbkp-action-pill svg{width: 20px;height: 20px;fill: currentColor}
.fbkp-action-pill.is-liked{color: var(--fbkp-like-blue)}
.fbkp-reaction-picker{position: absolute;bottom: calc(100% + 4px);left: 12px;display: none;align-items: center;gap: 6px;padding: 6px 10px;background: var(--fbkp-surface);border: 1px solid var(--fbkp-line);border-radius: 30px;box-shadow: var(--fbkp-popover-shadow);z-index: 50;animation: fbkp-pop 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
.fbkp-action-pill.like-btn:hover .fbkp-reaction-picker,.fbkp-reaction-picker.is-open{display: flex}
@keyframes fbkp-pop{from {
    opacity: 0;
    transform: translateY(10px) scale(0.85);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }}
.fbkp-reaction-pick-item{width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px;cursor: pointer;transition: transform 0.15s ease}
.fbkp-reaction-pick-item:hover{transform: scale(1.35) translateY(-4px)}
.fbkp-vertical-viewer{width: min(360px, 100%);aspect-ratio: 9 / 16;height: auto;margin: 0 auto;border-radius: 18px;overflow: hidden;position: relative;background: #000;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);border: 2px solid #2a2b2c;display: flex;flex-direction: column;flex-shrink: 0}
[data-fbkp-step].is-armed{opacity: 0;transform: translateY(16px)}
[data-fbkp-step].is-armed.is-in{opacity: 1;transform: translateY(0);transition: opacity 0.4s ease, transform 0.4s ease}
[data-fbkp-sweep]{position: relative;overflow: hidden}
[data-fbkp-sweep]::after{content: "";position: absolute;top: 0;left: -150%;width: 80%;height: 100%;background: linear-gradient(90deg, transparent, rgba(24, 119, 242, 0.18), transparent);pointer-events: none}
[data-fbkp-sweep].is-swept::after{animation: fbkp-meta-sweep 1s cubic-bezier(0.4, 0, 0.2, 1) forwards}
@keyframes fbkp-meta-sweep{to { left: 180%; }}
.fbkp-toast{position: fixed;bottom: 24px;left: 50%;transform: translateX(-50%) translateY(50px);background: #242526;border: 1px solid var(--fbkp-primary-blue);color: #fff;padding: 10px 20px;border-radius: 24px;font-size: 13.5px;font-weight: 600;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);opacity: 0;pointer-events: none;transition: transform 0.2s ease, opacity 0.2s ease;z-index: 120}
.fbkp-toast.is-active{transform: translateX(-50%) translateY(0);opacity: 1}
@container fbkp (max-width: 620px){
.fbkp-link-preview{flex-direction: column;align-items: stretch;gap: 10px}
.fbkp-cta-btn{width: 100%;white-space: normal;text-align: center}
.fbkp-stats-row{flex-wrap: wrap;justify-content: flex-start;gap: 6px 14px}
}
@container fbkp (max-width: 440px){
.fbkp-action-pill{font-size: 13px;gap: 6px}
.fbkp-comments-shares{font-size: 13px;gap: 10px}
.fbkp-post-header{padding: 10px 12px 6px}
.fbkp-post-text{padding: 4px 12px 10px}
}
/* Facebook Ads/demos/carousel/carousel.css */
.fbkp-carousel-container{position: relative;width: 100%;overflow: hidden;background: var(--fbkp-surface-subtle)}
.fbkp-carousel-track{display: flex;gap: 12px;padding: 12px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;scrollbar-width: none}
.fbkp-carousel-track::-webkit-scrollbar{display: none}
.fbkp-carousel-card{flex: 0 0 min(260px, 78%);background: var(--fbkp-surface-card);border: 1px solid var(--fbkp-line);border-radius: 8px;overflow: hidden;display: flex;flex-direction: column;scroll-snap-align: start}
.fbkp-carousel-thumb{width: 100%;aspect-ratio: 1 / 1;background: #000;overflow: hidden}
.fbkp-carousel-thumb img{width: 100%;height: 100%;object-fit: cover}
.fbkp-carousel-card-body{padding: 12px;display: flex;flex-direction: column;gap: 6px;flex: 1;justify-content: space-between}
.fbkp-carousel-title{font-weight: 600;font-size: 13.5px;color: var(--fbkp-ink);line-height: 1.35;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.fbkp-carousel-desc{font-size: 12px;color: var(--fbkp-body);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden}
.fbkp-carousel-cta-btn{margin-top: 8px;width: 100%;padding: 7px 12px;background: var(--fbkp-surface-subtle);border: 1px solid var(--fbkp-line);border-radius: 6px;font-size: 12.5px;font-weight: 600;color: var(--fbkp-ink);cursor: pointer;text-align: center;transition: background 0.15s ease}
.fbkp-carousel-cta-btn:hover{background: var(--fbkp-hover)}
.fbkp-carousel-btn{position: absolute;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;border-radius: 50%;background: var(--fbkp-surface-card);border: 1px solid var(--fbkp-line);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);display: flex;align-items: center;justify-content: center;color: var(--fbkp-ink);cursor: pointer;z-index: 10;transition: all 0.15s ease}
.fbkp-carousel-btn:hover{background: var(--fbkp-hover);transform: translateY(-50%) scale(1.08)}
.fbkp-carousel-btn.prev{left: 6px}
.fbkp-carousel-btn.next{right: 6px}
.fbkp-carousel-btn svg{width: 18px;height: 18px;fill: currentColor}
/* Facebook Ads/demos/collection/collection.css */
.fbkp-collection-wrap{width: 100%;display: flex;flex-direction: column;cursor: pointer}
.fbkp-collection-hero{width: 100%;aspect-ratio: 16 / 9;background: #000;overflow: hidden}
.fbkp-collection-hero img{width: 100%;height: 100%;object-fit: cover}
.fbkp-collection-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 2px;background: var(--fbkp-line)}
.fbkp-collection-thumb{aspect-ratio: 1 / 1;background: #000;overflow: hidden;position: relative}
.fbkp-collection-thumb img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.2s ease}
.fbkp-collection-thumb:hover img{transform: scale(1.06)}
.fbkp-collection-more-badge{position: absolute;inset: 0;background: rgba(0, 0, 0, 0.65);backdrop-filter: blur(4px);color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 15px}
@container fbkp (max-width: 480px){
.fbkp-collection-grid{grid-template-columns: repeat(2, 1fr)}
}
.fbkp-canvas-modal{position: fixed;inset: 0;z-index: 100;background: rgba(0, 0, 0, 0.85);display: none;align-items: center;justify-content: center;padding: 20px}
.fbkp-canvas-modal.is-open{display: flex}
.fbkp-canvas-dialog{width: 100%;max-width: 440px;height: 90vh;max-height: 840px;background: var(--fbkp-surface-card);border-radius: 16px;overflow: hidden;display: flex;flex-direction: column;border: 1px solid var(--fbkp-line);box-shadow: var(--fbkp-elevation-3)}
.fbkp-canvas-header{display: flex;align-items: center;justify-content: space-between;padding: 12px 18px;border-bottom: 1px solid var(--fbkp-line)}
.fbkp-canvas-header-title{font-weight: 700;font-size: 15px;color: var(--fbkp-ink)}
.fbkp-canvas-close{background: transparent;border: none;color: var(--fbkp-ink);cursor: pointer;display: flex;align-items: center}
.fbkp-canvas-body{flex: 1;overflow-y: auto;padding: 18px;display: flex;flex-direction: column;gap: 16px}
.fbkp-canvas-hero-img{width: 100%;border-radius: 10px;aspect-ratio: 16 / 9;object-fit: cover}
.fbkp-canvas-product-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px}
.fbkp-canvas-prod-card{background: var(--fbkp-surface-subtle);border-radius: 10px;padding: 10px;display: flex;flex-direction: column;gap: 6px}
.fbkp-canvas-prod-card img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 6px}
/* Facebook Ads/demos/dynamic-product/dynamic-product.css */
.fbkp-tag-pin{position: absolute;width: 24px;height: 24px;border-radius: 50%;background: rgba(0, 0, 0, 0.8);border: 2px solid #fff;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.fbkp-tag-pin::after{content: "";position: absolute;inset: -6px;border-radius: 50%;border: 2px solid #fff;animation: fbkp-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite}
@keyframes fbkp-ping{75%, 100% {
    transform: scale(1.8);
    opacity: 0;
  }}
.fbkp-tag-pin:hover{transform: scale(1.2)}
.fbkp-tag-pin svg{width: 12px;height: 12px;fill: currentColor}
.fbkp-tag-tooltip{position: absolute;bottom: 32px;left: 50%;transform: translateX(-50%);background: rgba(24, 25, 26, 0.95);backdrop-filter: blur(8px);border: 1px solid var(--fbkp-line);color: #fff;padding: 6px 12px;border-radius: 8px;white-space: nowrap;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);display: none;flex-direction: column;gap: 2px;pointer-events: none}
.fbkp-tag-pin:hover .fbkp-tag-tooltip,.fbkp-tag-pin.is-active .fbkp-tag-tooltip{display: flex}
/* Facebook Ads/demos/event/event.css */
.fbkp-event-card{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 14px;background: var(--fbkp-surface-subtle);border-top: 1px solid var(--fbkp-line);gap: 12px}
.fbkp-event-date-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 48px;height: 48px;background: var(--fbkp-surface-card);border: 1px solid var(--fbkp-line);border-radius: 8px;flex-shrink: 0}
.fbkp-event-month{font-size: 11px;font-weight: 700;color: #f02849;text-transform: uppercase;line-height: 1}
.fbkp-event-day{font-size: 18px;font-weight: 800;color: var(--fbkp-ink);line-height: 1.1}
.fbkp-event-info{flex: 1;display: flex;flex-direction: column;gap: 2px}
.fbkp-event-title{font-size: 14px;font-weight: 700;color: var(--fbkp-ink)}
.fbkp-event-details{font-size: 12px;color: var(--fbkp-body)}
.fbkp-event-rsvp-btn{padding: 7px 16px;background: var(--fbkp-surface-card);border: 1px solid var(--fbkp-line);border-radius: 6px;font-size: 13px;font-weight: 600;color: var(--fbkp-ink);cursor: pointer;display: flex;align-items: center;gap: 6px;margin-left: auto;transition: all 0.15s ease}
.fbkp-event-rsvp-btn:hover{background: var(--fbkp-hover)}
.fbkp-event-rsvp-btn.is-active{background: var(--fbkp-primary-blue);color: #fff;border-color: var(--fbkp-primary-blue)}
/* Facebook Ads/demos/feed-video/feed-video.css */
.fbkp-video-wrap{position: relative;width: 100%;aspect-ratio: 16 / 9;background: #000;cursor: pointer;overflow: hidden}
.fbkp-video-wrap img{width: 100%;height: 100%;object-fit: cover}
.fbkp-video-overlay{position: absolute;inset: 0;background: rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;transition: opacity 0.25s ease}
.fbkp-play-button{width: 68px;height: 68px;border-radius: 50%;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(8px);border: 2px solid rgba(255, 255, 255, 0.8);display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);transition: transform 0.15s ease, background 0.15s ease}
.fbkp-play-button:hover{transform: scale(1.08);background: var(--fbkp-primary-blue);border-color: var(--fbkp-primary-blue)}
.fbkp-play-button svg{width: 32px;height: 32px;fill: currentColor;margin-left: 3px}
.fbkp-video-controls{position: absolute;bottom: 0;left: 0;right: 0;padding: 8px 12px;background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));display: flex;align-items: center;gap: 12px;color: #fff;z-index: 5}
.fbkp-video-progress-bar{flex: 1;height: 4px;background: rgba(255, 255, 255, 0.3);border-radius: 2px;overflow: hidden;cursor: pointer}
.fbkp-video-progress-fill{width: 42%;height: 100%;background: var(--fbkp-primary-blue)}
.fbkp-video-time{font-size: 11px;font-weight: 600}
.fbkp-video-vol-btn{background: transparent;border: none;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 4px;border-radius: 4px}
.fbkp-video-vol-btn svg{width: 18px;height: 18px;fill: currentColor}
.fbkp-video-vol-btn.is-muted svg{opacity: 0.6}
/* Facebook Ads/demos/lead-gen/lead-gen.css */
.fbkp-lead-modal{position: fixed;inset: 0;z-index: 100;background: rgba(0, 0, 0, 0.85);display: none;align-items: center;justify-content: center;padding: 20px}
.fbkp-lead-modal.is-open{display: flex}
.fbkp-lead-dialog{width: 100%;max-width: 460px;max-height: calc(100vh - 40px);background: var(--fbkp-surface-card);border-radius: 16px;overflow: hidden;border: 1px solid var(--fbkp-line);box-shadow: var(--fbkp-elevation-3);display: flex;flex-direction: column}
.fbkp-lead-header{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-bottom: 1px solid var(--fbkp-line);font-weight: 700;font-size: 16px;color: var(--fbkp-ink)}
.fbkp-lead-close{background: transparent;border: none;color: var(--fbkp-ink);cursor: pointer}
.fbkp-lead-body{flex: 1 1 auto;overflow-y: auto;padding: 20px;display: flex;flex-direction: column;gap: 14px}
.fbkp-form-group{display: flex;flex-direction: column;gap: 6px}
.fbkp-form-label{font-size: 13px;font-weight: 600;color: var(--fbkp-body)}
.fbkp-form-input{height: 42px;padding: 0 12px;border-radius: 8px;background: var(--fbkp-input-bg);border: 1px solid var(--fbkp-line);color: var(--fbkp-ink);font-size: 14px;outline: none;font-family: inherit}
.fbkp-form-input:focus{border-color: var(--fbkp-primary-blue)}
.fbkp-lead-footer{padding: 14px 20px;border-top: 1px solid var(--fbkp-line);display: flex;justify-content: flex-end;gap: 10px;background: var(--fbkp-surface-subtle)}
.fbkp-lead-submit{padding: 9px 22px;background: var(--fbkp-primary-blue);color: #fff;border: none;border-radius: 8px;font-weight: 700;font-size: 13.5px;cursor: pointer;transition: opacity 0.15s ease}
.fbkp-lead-submit:hover{opacity: 0.9}
/* Facebook Ads/demos/marketplace/marketplace.css */
.fbkp-marketplace-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 14px;width: 100%}
.fbkp-market-card{background: var(--fbkp-surface-card);border: 1px solid var(--fbkp-line);border-radius: 8px;overflow: hidden;display: flex;flex-direction: column;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease}
.fbkp-market-card:hover{transform: translateY(-2px);box-shadow: var(--fbkp-elevation-2)}
.fbkp-market-thumb{width: 100%;aspect-ratio: 1 / 1;background: #000;position: relative;overflow: hidden}
.fbkp-market-thumb img{width: 100%;height: 100%;object-fit: cover}
.fbkp-market-sponsor-badge{position: absolute;top: 8px;left: 8px;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(4px);color: #fff;padding: 2px 6px;border-radius: 4px;font-size: 10.5px;font-weight: 700;text-transform: uppercase}
.fbkp-market-body{padding: 10px 12px;display: flex;flex-direction: column;gap: 2px}
.fbkp-market-price{font-size: 16px;font-weight: 700;color: var(--fbkp-ink)}
.fbkp-market-title{font-size: 13px;color: var(--fbkp-ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.fbkp-market-location{font-size: 11.5px;color: var(--fbkp-body)}
/* Facebook Ads/demos/messenger-whatsapp/messenger-whatsapp.css */
.fbkp-messenger-drawer{position: fixed;bottom: 20px;right: 20px;width: 360px;height: 500px;background: var(--fbkp-surface-card);border-radius: 16px;border: 1px solid var(--fbkp-line);box-shadow: var(--fbkp-elevation-3);display: none;flex-direction: column;z-index: 90;overflow: hidden}
.fbkp-messenger-drawer.is-open{display: flex}
.fbkp-msg-header{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;border-bottom: 1px solid var(--fbkp-line);background: var(--fbkp-surface-subtle)}
.fbkp-msg-avatar{width: 38px;height: 38px;border-radius: 50%;object-fit: cover}
.fbkp-msg-name{font-weight: 700;font-size: 14px;color: var(--fbkp-ink)}
.fbkp-msg-status{font-size: 11.5px;color: #27b686;display: flex;align-items: center;gap: 4px}
.fbkp-msg-status::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #27b686}
.fbkp-msg-close{background: transparent;border: none;color: var(--fbkp-ink);cursor: pointer}
.fbkp-msg-body{flex: 1;padding: 16px;overflow-y: auto;display: flex;flex-direction: column;gap: 12px}
.fbkp-chat-bubble{max-width: 82%;padding: 10px 14px;border-radius: 18px;font-size: 13.5px;line-height: 1.45}
.fbkp-chat-bubble.bot{background: var(--fbkp-surface-subtle);color: var(--fbkp-ink);align-self: flex-start;border-bottom-left-radius: 4px}
.fbkp-chat-bubble.user{background: var(--fbkp-primary-blue);color: #fff;align-self: flex-end;border-bottom-right-radius: 4px}
.fbkp-quick-reply-chip{padding: 8px 14px;border-radius: 16px;background: var(--fbkp-surface-subtle);border: 1px solid var(--fbkp-primary-blue);color: var(--fbkp-primary-blue);font-size: 13px;font-weight: 600;cursor: pointer;text-align: left;transition: background 0.15s ease}
.fbkp-quick-reply-chip:hover{background: var(--fbkp-blue-tint)}
.fbkp-msg-input-bar{display: flex;align-items: center;padding: 10px 14px;border-top: 1px solid var(--fbkp-line);gap: 8px;background: var(--fbkp-surface-card)}
.fbkp-msg-input{flex: 1;border: 1px solid var(--fbkp-line);background: var(--fbkp-input-bg);padding: 8px 14px;border-radius: 20px;color: var(--fbkp-ink);font-size: 13.5px;outline: none}
.fbkp-msg-send-btn{background: transparent;border: none;color: var(--fbkp-primary-blue);font-weight: 700;cursor: pointer}
@media (max-width: 480px){
.fbkp-messenger-drawer{left: 0;right: 0;bottom: 0;width: 100%;height: 85vh;border-radius: 16px 16px 0 0}
}
/* Facebook Ads/demos/offer/offer.css */
.fbkp-offer-bar{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 12px 14px;background: rgba(24, 119, 242, 0.08);border-top: 1px solid rgba(24, 119, 242, 0.2);border-bottom: 1px solid rgba(24, 119, 242, 0.2);gap: 12px}
.fbkp-offer-left{display: flex;align-items: center;gap: 10px}
.fbkp-offer-icon{width: 36px;height: 36px;border-radius: 50%;background: var(--fbkp-primary-blue);color: #fff;display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.fbkp-offer-icon svg{width: 18px;height: 18px;fill: currentColor}
.fbkp-offer-title{font-weight: 700;font-size: 13.5px;color: var(--fbkp-ink)}
.fbkp-offer-expiry{font-size: 11.5px;color: var(--fbkp-body)}
/* Facebook Ads/demos/reels/reels.css */
.fbkp-reel-actions-rail{position: absolute;right: 12px;bottom: 84px;display: flex;flex-direction: column;align-items: center;gap: 16px;z-index: 25;color: #fff}
.fbkp-reel-action-btn{background: transparent;border: none;color: #fff;display: flex;flex-direction: column;align-items: center;gap: 3px;cursor: pointer}
.fbkp-reel-action-btn svg{width: 28px;height: 28px;fill: currentColor;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6))}
.fbkp-reel-action-btn span{font-size: 11px;font-weight: 600;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8)}
.fbkp-reel-audio-disc{width: 32px;height: 32px;border-radius: 50%;border: 2px solid #fff;overflow: hidden;animation: fbkp-rotate-disc 4s linear infinite}
@keyframes fbkp-rotate-disc{to { transform: rotate(360deg); }}
.fbkp-reel-audio-disc img{width: 100%;height: 100%;object-fit: cover}
.fbkp-reel-bottom-overlay{position: absolute;bottom: 0;left: 0;right: 0;padding: 40px 14px 14px;background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));z-index: 20;display: flex;flex-direction: column;gap: 8px}
.fbkp-reel-user-row{display: flex;align-items: center;gap: 8px}
.fbkp-reel-follow-btn{background: transparent;border: 1px solid #fff;color: #fff;padding: 2px 8px;border-radius: 4px;font-size: 11.5px;font-weight: 600;cursor: pointer;transition: all 0.15s ease}
.fbkp-reel-follow-btn.is-following{background: rgba(255, 255, 255, 0.25)}
.fbkp-reel-caption{font-size: 13px;color: #fff;line-height: 1.35;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8)}
.fbkp-reel-music-row{display: flex;align-items: center;gap: 6px;font-size: 11.5px;color: rgba(255, 255, 255, 0.85)}
.fbkp-reel-music-row svg{width: 14px;height: 14px;fill: currentColor}
.fbkp-reel-cta-banner{display: flex;align-items: center;justify-content: space-between;padding: 9px 12px;background: var(--fbkp-primary-blue);color: #fff;border-radius: 6px;font-weight: 700;font-size: 13px;cursor: pointer;transition: opacity 0.15s ease}
.fbkp-reel-cta-banner:hover{opacity: 0.92}
/* Facebook Ads/demos/right-column/right-column.css */
.fbkp-right-col-box{width: 100%;max-width: 320px;display: flex;flex-direction: column;gap: 12px;background: var(--fbkp-surface-card);border: 1px solid var(--fbkp-line);border-radius: 8px;padding: 12px}
.fbkp-right-col-header{font-size: 13px;font-weight: 700;color: var(--fbkp-body);text-transform: uppercase;letter-spacing: 0.5px}
.fbkp-right-col-item{display: flex;align-items: center;gap: 10px;text-decoration: none;border-radius: 6px;padding: 4px;transition: background 0.15s ease}
.fbkp-right-col-item:hover{background: var(--fbkp-hover)}
.fbkp-right-col-thumb{width: 72px;height: 72px;border-radius: 6px;overflow: hidden;flex-shrink: 0;background: #000}
.fbkp-right-col-thumb img{width: 100%;height: 100%;object-fit: cover}
.fbkp-right-col-info{display: flex;flex-direction: column;gap: 2px}
.fbkp-right-col-title{margin: 0;font-size: 13px;font-weight: 600;color: var(--fbkp-ink);line-height: 1.3}
.fbkp-right-col-domain{font-size: 11.5px;color: var(--fbkp-body)}
/* Facebook Ads/demos/single-image/single-image.css */
/* Facebook Ads/demos/stories/stories.css */
.fbkp-story-progress-row{position: absolute;top: 10px;left: 10px;right: 10px;display: flex;gap: 4px;z-index: 20}
.fbkp-story-segment{flex: 1;height: 2.5px;background: rgba(255, 255, 255, 0.4);border-radius: 2px;overflow: hidden}
.fbkp-story-segment-fill{width: 100%;height: 100%;background: #fff}
.fbkp-story-segment.is-active .fbkp-story-segment-fill{animation: fbkp-story-timer 5s linear forwards}
@keyframes fbkp-story-timer{from { width: 0%; }
  to { width: 100%; }}
.fbkp-story-header{position: absolute;top: 20px;left: 12px;right: 12px;display: flex;align-items: center;justify-content: space-between;z-index: 20;color: #fff}
.fbkp-story-user{display: flex;align-items: center;gap: 8px}
.fbkp-story-avatar{width: 32px;height: 32px;border-radius: 50%;border: 1.5px solid #fff}
.fbkp-story-name{font-weight: 700;font-size: 13px;color: #fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8)}
.fbkp-story-sponsored{font-size: 11px;color: rgba(255, 255, 255, 0.8)}
.fbkp-story-bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}
.fbkp-story-cta-bar{position: absolute;bottom: 24px;left: 16px;right: 16px;z-index: 20;display: flex;flex-direction: column;align-items: center;gap: 6px}
.fbkp-swipe-arrow{color: #fff;animation: fbkp-chevron-bounce 1.5s infinite}
@keyframes fbkp-chevron-bounce{0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-8px); }
  60% { transform: translateY(-4px); }}
.fbkp-story-cta-pill{width: 100%;padding: 10px;background: var(--fbkp-primary-blue);color: #fff;border-radius: 20px;font-weight: 700;font-size: 13px;text-align: center;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);cursor: pointer}
/* site/frames.css */
.ttkp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.ttkp > .ttkp-drawer{left: 12px;right: 12px;bottom: 12px}
@media (max-width: 479px){
.ttkp{max-width: 100%;margin: 0 auto}
}
.sckp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.sckp, .sckp *, .sckp *::before, .sckp *::after{box-sizing: border-box}
@media (max-width: 479px){
.sckp{max-width: 100%;margin: 0 auto}
}
.wwm-fbd-frame{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-fbd-frame>.fbkp{width: 100%}
@media (max-width:479px){
.wwm-fbd-frame{padding: 8px}
}
.wwm-fbd-frame .fbkp-marketplace-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
.wwm-fbd-frame .fbkp-messenger-drawer, .wwm-fbd-frame .fbkp-lead-modal, .wwm-fbd-frame .fbkp-canvas-modal{position: absolute}
.wwm-fbd-frame .fbkp-canvas-dialog, .wwm-fbd-frame .fbkp-lead-dialog{height: auto;max-height: calc(100% - 8px)}
.wwm-fbd-frame .fbkp-messenger-drawer{width: calc(100% - 24px);height: calc(100% - 24px);max-height: 520px}
.wwm-slot-phone .wwm-fbd-frame{margin: 0}
.wwm-rtd-frame{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-rtd-frame.is-fluid{width: 100%;max-width: 100%;margin: 0}
.wwm-rtd-frame>.igkp, .wwm-rtd-frame>.likp, .wwm-rtd-frame>.ytkp{margin: 0 auto;min-height: 0}
@media (max-width:479px){
.wwm-rtd-frame{max-width: 100%;margin: 0 auto}
}
.wwm-rtd-frame:not(.is-fluid)>.igkp{width: 360px;max-width: 100%;height: 640px}
.wwm-rtd-frame:not(.is-fluid)>.igkp>.igkp-vertical-phone{margin: 0}
.wwm-kd-frame{display: block;width: 100%;max-width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-kd-frame>.ytkp, .wwm-kd-frame>.amkp, .wwm-kd-frame>.likp, .wwm-kd-frame>.mskp,
.wwm-kd-frame>.pskp, .wwm-kd-frame>.askp, .wwm-kd-frame>.pnkp, .wwm-kd-frame>.rdkp{height: auto;min-height: 0;overflow: visible}
.wwm-kd-frame>.igkp{height: auto;overflow: visible}
.wwm-kd-frame [class*="phone"], .wwm-kd-frame [class*="vertical"]{max-width: 100%}
@media (max-width:479px){
.wwm-kd-frame{padding: 8px}
}
.wwm-gx-demo{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-gx-demo>.gmkp{border-radius: 8px}
@media (max-width:479px){
.wwm-gx-demo{padding: 8px}
.wwm-gx-demo.is-snip .gmkp-results{padding: 14px}
}
/* site/google.css */
.gmkp.is-standalone{height: auto !important;min-height: 0 !important;overflow: visible !important;background: transparent}
.gmkp-main{max-height: 600px;padding: 15px 0 0 clamp(24px,18cqw,182px);background: var(--gmkp-bg)}
@container (max-width: 900px){
.gmkp-main{padding: 16px 16px 0}
}
.gmkp-product-img img{width: 100%;height: 158px;object-fit: cover}
@container (max-width:480px){
.gmkp-icon-mic, .gmkp-icon-clear, .gmkp-divider{display: none}
}
@media (prefers-reduced-motion:reduce){
.gmkp-sk{animation: none}
.gmkp.is-armed .gmkp-header, .gmkp.is-armed [data-gmkp-step]{transform: none}
.gmkp .is-sweep::after{display: none}
}
.wwm-gx-demo.is-snip .gmkp{min-height: 0}
.wwm-gx-demo.is-snip .gmkp-results{width: 100%;padding: 20px}
.wwm-gx-demo > .gmkp, .serp-demo-frame > .gmkp{border-radius: 8px}
.wwm-gx-demo .gmkp{--gmkp-bg: #fff;font-family: Arial,sans-serif;border: 1px solid var(--rule)}
.wwm-gx-demo .gmkp-badge{color: #1f1f1f}
.wwm-gx-demo .gmkp-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp-result-head{color: #202124}
.wwm-gx-demo .gmkp-search-bar{background: #fff;box-shadow: 0 1px 6px rgba(32,33,36,.2)}
.wwm-gx-demo .gmkp-sitelinks a, .wwm-gx-demo .gmkp-hero-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp .gmkp-local-cta, .wwm-gx-demo .gmkp .gmkp-app-cta, .wwm-gx-demo .gmkp .gmkp-leadform-cta{background: #0b57d0;color: #fff}
.wwm-gx-demo .gmkp-local-phone{color: #0b57d0}
.wwm-gx-demo .gmkp-map-num{background: #ea4335;color: #fff}
.wwm-gx-demo .gmkp-map-pin{fill: #ea4335;filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.wwm-gx-demo .gmkp-map-canvas{background: repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),linear-gradient(135deg,#e6f0e3,#e8eef6)}
.wwm-gx-demo .gmkp-ai{background: radial-gradient(120% 160% at 0% 0%,rgba(66,133,244,.10),transparent 60%),radial-gradient(120% 160% at 100% 0%,rgba(234,67,53,.06),transparent 55%),#f8fafd}
.wwm-gx-demo .gmkp-guaranteed{background: #e6f4ea}
.wwm-gx-demo .gmkp-suggestion b{color: #1f1f1f}
.wwm-gx-demo .gmkp-suggestion.is-pressed{background: #e8eaed}
.wwm-gx-demo .gmkp-home-box{box-shadow: 0 1px 6px rgba(32,33,36,.18);border-color: transparent;background: #fff}
.wwm-gx-demo .gmkp-suggestions{background: #fff;box-shadow: 0 4px 6px rgba(32,33,36,.18)}
.wwm-gx-demo .gmkp-home-actions span{background: #f8f9fa;color: #3c4043}
.wwm-gx-demo .gmkp-hero-media:empty, .wwm-gx-demo .gmkp-result-media:empty, .wwm-gx-demo .gmkp-hotel-media:empty, .wwm-gx-demo .gmkp-showcase-item:empty{background: linear-gradient(135deg,#e8f0fe 0%,#f1f3f4 55%,#fef7e0 100%)}
.wwm-slot-snip:has(.wwm-gx-demo){max-width: none;width: 100%}
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 720px;min-height: 0}
@media (max-width:767px){
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 640px}
}
.wwm-gx-anat .wwm-gx-demo>.gmkp{height: auto}
.wwm-gx-anat .wwm-gx-demo>.gmkp::after{display: none}
.wwm-slot-serp .wwm-gx-demo{position: relative}
.wwm-slot-serp .wwm-gx-demo>.gmkp{height: 600px;min-height: 0}
.wwm-slot-serp .wwm-gx-demo>.gmkp::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: linear-gradient(transparent,#fff);pointer-events: none;z-index: 5}
/* site/reddit.css */
.wwm-kd-frame>.rdkp{--rdkp-line: #e5ebee;--rdkp-ink-heading: #0f1a1c}
.wwm-kd-frame .rdkp-cta-strip{background: #f6f7f8}
.wwm-kd-frame .rdkp-drawer-title, .wwm-kd-frame .rdkp-catalog-title{color: var(--rdkp-ink-heading)}
.wwm-kd-frame .rdkp-reply-input, .wwm-kd-frame .rdkp-input{background: #f6f7f8;color: #0f1a1c}
.wwm-kd-frame .rdkp-carousel-card, .wwm-kd-frame .rdkp-catalog-card{background: #fff}
.wwm-kd-frame .rdkp-media-wrap{background: #f6f7f8}
.wwm-kd-frame .rdkp-product-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin: 12px 0}
.wwm-kd-frame .rdkp-product-item{border: 1px solid var(--rdkp-line);border-radius: 10px;padding: 6px;overflow: hidden;background: #fff}
.wwm-kd-frame .rdkp-product-img{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;background-size: cover;background-position: center;border-radius: 6px}
.wwm-kd-frame .rdkp-product-name{font-size: 12px;font-weight: 700;color: var(--rdkp-ink-heading);margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.wwm-kd-frame .rdkp-product-price{font-size: 12px;font-weight: 800;color: #d93a00}
.wwm-kd-frame .rdkp [style*="#131519"]{background: #f6f7f8 !important}
.wwm-kd-frame .rdkp [style*="color: #ffffff"]{color: #0f1a1c !important}
.wwm-rd-post>.wwm-rd-cmts{grid-column: 2}