/* Read-only replicas of the current Studio and public widget catalog. */
.pf-studio-replica,.pf-via-journey{font-family:Outfit,Inter,sans-serif;min-width:0}
.pf-studio-replica [hidden],.pf-via-journey [hidden]{display:none!important}
.pf-studio-replica{overflow:hidden;border:1px solid #ffffff20;border-radius:14px;background:#101116;box-shadow:0 24px 60px #0003;color:#f2f2f6}
.pf-studio-topbar{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#16171c;border-bottom:1px solid #ffffff12;font-size:12px}
.pf-studio-topbar>span:first-child{display:flex;align-items:center;gap:6px;color:#e5e5ec}.pf-studio-topbar b{color:#00baff;font-weight:600}
.pf-studio-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#0e1015;border:1px solid #ffffff14;border-radius:7px;padding:7px 10px;font-size:9px;color:#9396a5}.pf-studio-account{display:grid;place-items:center;width:25px;height:25px;flex:none;background:#252936;border-radius:50%;font-size:10px}
.pf-studio-layout{display:grid;grid-template-columns:142px minmax(0,1fr);min-height:360px}
.pf-studio-nav{display:flex;flex-direction:column;gap:3px;padding:12px 8px;background:#14151a;border-right:1px solid #ffffff0d}
.pf-studio-nav>span,.pf-studio-nav>button{display:flex;align-items:center;gap:9px;background:none;border:0;border-radius:7px;padding:9px 10px;text-align:left;font-size:10px;line-height:1.2;color:#a2a6b4}
.pf-studio-nav :is(i){width:14px;text-align:center;flex:none}.pf-studio-nav>button[aria-pressed=true],.pf-studio-nav>.is-selected{background:#00baff14;color:#00baff}.pf-studio-nav>button:hover{background:#ffffff08;color:#f2f2f6}.pf-studio-nav>button:focus-visible{outline:2px solid #00baff;outline-offset:0}
.pf-studio-content{padding:22px;min-width:0}.pf-studio-content header{margin-bottom:20px}.pf-landing .pf-studio-content h3{font-size:21px;font-weight:600;color:#f5f5fa}.pf-studio-content header>p{font-size:10px;color:#9d9fac;margin-top:7px;line-height:1.6}
.pf-studio-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}.pf-studio-kpis>div{padding:13px 11px;border:1px solid #ffffff16;border-radius:10px;background:#15171d}.pf-studio-kpis span{display:block;font-size:8px;color:#b8b9c4;line-height:1.5;min-height:24px}.pf-studio-kpis b{font-size:24px;display:inline-block;margin-top:5px;font-weight:600}.pf-landing .pf-visual .pf-studio-kpis small{color:#4ade80;font-size:8px;margin-left:6px}
.pf-studio-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-studio-home-grid>article{padding:15px;border:1px solid #ffffff16;border-radius:10px;background:#15171d}.pf-studio-content h4{font-size:12px;font-weight:600;margin:0 0 14px}
.pf-studio-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pf-studio-shortcuts span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:65px;border:1px solid #00baff40;border-radius:7px;background:#00baff0a;color:#68cfff;text-align:center;font-size:8px;padding:7px 3px}.pf-studio-shortcuts span:nth-child(2){color:#c084fc;background:#a855f70c;border-color:#a855f740}.pf-studio-shortcuts span:nth-child(3){color:#f87171;background:#ef44440c;border-color:#ef444440}.pf-studio-shortcuts i{font-size:14px}
.pf-studio-event{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff0c;padding:9px 0;font-size:9px;line-height:1.4}.pf-studio-event>i{color:#00baff}.pf-studio-event small{display:block;margin-top:3px;font-size:8px}
.pf-studio-group{display:flex;align-items:center;gap:10px;border:1px solid #ffffff16;background:#15171d;padding:14px;border-radius:9px;margin:20px 0;font-size:11px}.pf-studio-group>span{margin-left:auto;color:#9ba4b5}.pf-studio-group .fa-telegram{color:#00baff}
.pf-studio-content table{width:100%;border-collapse:collapse;font-size:10px}.pf-studio-content th{padding:12px 7px;background:#1d1f27;font-size:9px;text-align:left;color:#b9bcc8;font-weight:500}.pf-studio-content td{border-bottom:1px solid #ffffff10;padding:13px 7px}.pf-studio-mini-avatar{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:8px;background:#272c3b;color:#a5b4fc;font-size:9px}.pf-studio-status{font-size:8px;padding:4px 7px;border-radius:20px;background:#22c55e15;color:#4ade80}.pf-studio-status.expired{background:#ef444415;color:#f87171}
.pf-studio-file{display:flex;align-items:center;gap:12px;padding:16px 12px;margin-top:12px;background:#15171d;border:1px solid #ffffff16;border-radius:9px}.pf-studio-file>i:first-child{font-size:23px;color:#4ade80}.pf-studio-file>span{min-width:0;flex:1}.pf-studio-file b{display:block;font-size:10px;overflow-wrap:anywhere}.pf-studio-file small{display:block;font-size:8px;margin-top:5px}.pf-studio-file>i:last-child{color:#4ade80;font-size:10px}
.pf-studio-replica-note{padding:9px 12px;background:#15171d;border-top:1px solid #ffffff0e;font-size:8px;line-height:1.5;color:#8d92a0;text-align:center}
.pf-landing .pf-playground:has(.pf-studio-replica),.pf-landing .pf-playground:has(.pf-via-journey){grid-template-columns:minmax(0,1fr);padding:30px;gap:20px}.pf-landing .pf-playground:has(.pf-studio-replica)>.pf-visual,.pf-landing .pf-playground:has(.pf-via-journey)>.pf-visual{max-width:none;padding:0}
.pf-landing .pf-playground:has(.pf-studio-replica) .pf-demo-controls>div[role=group]{flex-direction:row}.pf-playground:has(.pf-studio-replica) .pf-demo-controls>div>button{flex:1}
.pf-hero-visual .pf-studio-layout{grid-template-columns:105px minmax(0,1fr)}.pf-hero-visual .pf-studio-content{padding:16px 12px}.pf-hero-visual .pf-studio-home-grid{grid-template-columns:1fr}.pf-hero-visual .pf-studio-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-hero-visual .pf-studio-home-grid>article:last-child{display:none}.pf-hero-visual .pf-studio-search{display:none}.pf-hero-visual .pf-studio-account{margin-left:auto}.pf-hero-visual .pf-studio-nav>span{font-size:8px;padding:8px 6px;gap:6px}.pf-hero-visual .pf-studio-content h3{font-size:17px}.pf-hero-visual .pf-studio-kpis span{min-height:0}.pf-hero-visual .pf-studio-topbar{font-size:10px}
/* One action, two familiar app layouts. No publication wizard. */
.pf-landing .pf-visual-viewinapp{display:block;min-height:0;padding:10px 0}.pf-via-comparison{min-width:0}.pf-via-comparison [hidden]{display:none!important}
.pf-via-comparison-intro{text-align:center;color:#b5b5c3;font-size:14px;line-height:1.6;margin:0 0 22px!important}
.pf-via-phone-pair{display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:40px;max-width:900px;margin:auto}
.pf-via-route{margin:0;min-width:0}.pf-via-route>figcaption{display:grid;gap:6px;text-align:center;margin-bottom:16px}.pf-via-route>figcaption strong{font-size:17px;font-weight:600}.pf-via-route>figcaption span{font-size:11px;color:#8f94a5}.pf-via-route:last-child>figcaption strong{color:#f87171}
.pf-link-phone{height:550px;padding:7px 7px 9px;border:1px solid #5e606b;border-radius:32px;background:#08090c;box-shadow:0 18px 36px #0004;display:flex;flex-direction:column;overflow:hidden}
.pf-link-statusbar{height:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 11px;flex:none;font:500 10px Inter,sans-serif;color:#f1f2f4}.pf-link-statusbar>b{width:63px;height:14px;border-radius:20px;background:#010102}.pf-link-statusbar>span:last-child{display:flex;gap:4px;font-size:9px}
.pf-link-phone-content{flex:1;min-height:0;overflow:hidden;background:#111216;border-radius:16px;position:relative}.pf-phone-home-indicator{width:80px;height:3px;border-radius:3px;background:#e5e5ea;margin:8px auto 1px;flex:none}
.pf-phone-story{height:100%;display:flex;flex-direction:column;background:linear-gradient(165deg,#242332,#181720 80%);overflow:hidden}
.pf-ig-progress{display:flex;gap:3px;padding:9px 8px 0;flex:none}.pf-ig-progress>i{height:2px;flex:1;border-radius:2px;background:#ffffff40}.pf-ig-progress>i:first-child{background:#fff}.pf-phone-story>header{display:flex;align-items:center;gap:6px;padding:10px 9px;font-size:10px;flex:none}.pf-ig-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#45314b;font-size:10px;border:1px solid #ffffff66}.pf-phone-story>header>b{font-size:10px}.pf-phone-story>header>small{font-size:8px;color:#ffffff80}.pf-phone-story>header>i:first-of-type{margin-left:auto}.pf-phone-story>header>i{font-size:13px}
.pf-ig-post{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;padding:16px 15px;gap:16px;text-align:center}.pf-ig-post-eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;color:#dddce9}.pf-ig-post-eyebrow i{color:#ff0033}.pf-landing .pf-ig-post h3{font:600 26px/1.08 Outfit,sans-serif;letter-spacing:-.03em;max-width:9ch}.pf-landing .pf-ig-post .pf-content-art{width:100%;min-height:90px;aspect-ratio:1.7;flex:none;border-radius:9px;box-shadow:0 12px 22px #0003}.pf-ig-post>p{font-size:11px;line-height:1.4;margin:0}.pf-ig-post>button,.pf-ig-sticker{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:9px 12px;border:0;border-radius:6px;background:#f7f5f9;color:#27213e;font:700 10px/1.2 Outfit,sans-serif;box-shadow:0 4px 10px #0003;cursor:pointer}.pf-ig-post>button:hover{background:#fff;box-shadow:0 0 0 3px #ffffff25}.pf-ig-post>button:focus-visible{outline:2px solid #f87171;outline-offset:4px}.pf-ig-post>small{font-size:7px!important;overflow-wrap:anywhere;color:#d4cbd8!important;line-height:1.4}
.pf-phone-story>footer{display:flex;align-items:center;gap:12px;padding:12px 10px;font-size:17px;flex:none}.pf-phone-story>footer>span{flex:1;border:1px solid #ffffff70;border-radius:20px;font-size:9px;padding:10px 11px;color:#d4d3dc;text-align:left}
.pf-phone-result{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#111216;color:#f4f4f5}.pf-ig-browser-toolbar{display:flex;align-items:center;gap:14px;padding:12px 10px;background:#24252c;font-size:11px;flex:none}.pf-ig-browser-toolbar>span{flex:1;font-size:9px;text-align:center}.pf-ig-browser-toolbar>span>i{font-size:7px;color:#8d92a1}
.pf-youtube-masthead{display:flex;align-items:center;gap:5px;padding:12px 10px;font-size:13px;flex:none}.pf-youtube-masthead>.fa-youtube{color:#ff0033;font-size:18px}.pf-youtube-masthead>span:empty{flex:1}.pf-youtube-masthead>i:not(.fa-youtube){font-size:11px;margin-left:8px}.pf-yt-account{display:grid;place-items:center;width:21px;height:21px;margin-left:5px;border-radius:50%;background:#67538d;font-size:9px;font-weight:500}.pf-yt-signin{border:1px solid #68cfff40;border-radius:20px;padding:5px 8px;color:#68cfff;font-size:9px}
.pf-yt-player{position:relative;flex:none}.pf-landing .pf-yt-player .pf-content-art{min-height:115px;aspect-ratio:1.9;width:100%}.pf-yt-player>div:last-child{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px;font-size:7px;background:linear-gradient(transparent,#000b)}.pf-yt-player>div:last-child>span{flex:1}.pf-yt-player .pf-content-art>span{width:31px;height:31px}
.pf-yt-meta{padding:11px 10px 5px;flex:none}.pf-landing .pf-yt-meta h3{font:600 14px/1.25 Outfit,sans-serif;letter-spacing:0}.pf-yt-meta>p{font-size:8px;color:#8f939e;margin:6px 0 0;line-height:1.4}
.pf-yt-channel{display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:10px;flex:none}.pf-yt-avatar{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#4a3c63;font-size:10px}.pf-yt-channel>div{flex:1;min-width:0}.pf-yt-channel>div>small{display:block;font-size:7px;color:#969ba8;margin-top:3px}.pf-yt-channel>b{border-radius:20px;background:#f4f4f6;color:#191a20;font-size:8px;padding:7px 9px;font-weight:600}
.pf-yt-actions{display:flex;gap:5px;padding:2px 9px 10px;font-size:8px;flex:none;overflow:hidden}.pf-yt-actions>span{display:flex;align-items:center;gap:4px;padding:7px 8px;border-radius:20px;background:#28292e;white-space:nowrap}.pf-yt-actions>span>i{font-size:10px}
.pf-yt-web-notice{display:flex;align-items:center;gap:9px;padding:15px 10px;border-top:1px solid #ffffff12;color:#a9aab6;font-size:10px;line-height:1.5}.pf-yt-web-notice>i{font-size:22px;color:#8d91a0}.pf-ig-browser-footer{display:flex;justify-content:space-between;padding:17px 15px;background:#24252c;margin-top:auto;font-size:15px;flex:none}
.pf-yt-comments{margin:0 9px 10px;padding:10px;border-radius:9px;background:#25262c;font-size:9px;flex:none}.pf-yt-comments>p{font-size:8px;color:#b0b1bc;line-height:1.4;margin-top:6px}.pf-yt-next{display:flex;align-items:center;gap:8px;margin:0 9px 10px;min-height:45px;overflow:hidden;flex:1}.pf-landing .pf-yt-next .pf-content-art{width:75px;min-height:42px;flex:none;border-radius:5px;aspect-ratio:1.8}.pf-yt-next .pf-content-art>span{display:none}.pf-yt-next>span{font-size:9px;line-height:1.4}.pf-yt-next small{display:block;font-size:7px;color:#8e92a0;margin-bottom:4px}.pf-yt-next b{font-weight:500}
.pf-yt-bottom{display:flex;justify-content:space-around;gap:3px;border-top:1px solid #ffffff12;background:#111216;padding:9px 4px 7px;margin-top:auto;flex:none}.pf-yt-bottom>span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:6px;color:#bbbcc5}.pf-yt-bottom>span>i{font-size:12px}.pf-yt-bottom>span:first-child{color:#fff}
.pf-via-route-caption{font-size:12px;line-height:1.6;color:#adb0bd;text-align:center;margin:15px 0 0!important;min-height:40px}.pf-via-route:last-child .pf-via-route-caption{color:#e9b1b6}
.pf-landing .pf-playground:has(.pf-via-comparison){grid-template-columns:minmax(0,1fr);padding:28px;gap:18px}.pf-landing .pf-playground:has(.pf-via-comparison)>.pf-visual{max-width:none;padding:0}.pf-playground:has(.pf-via-comparison) .pf-demo-controls{align-items:center;gap:10px}.pf-playground:has(.pf-via-comparison) [data-pf-via-toggle]{min-width:260px;max-width:100%;border-color:#f8717160;background:#f8717110;color:#ffb0b0}.pf-playground:has(.pf-via-comparison) .pf-demo-controls>small{max-width:74ch;text-align:center;font-size:10px}.pf-playground:has(.pf-via-comparison) .pf-demo-feedback{min-height:22px;text-align:center}
.pf-hero-visual .pf-via-phone-pair{gap:16px}.pf-hero-visual .pf-link-phone{height:435px;padding:5px;border-radius:25px}.pf-hero-visual .pf-via-comparison-intro{font-size:11px;margin-bottom:14px!important}.pf-hero-visual .pf-via-route>figcaption strong{font-size:12px}.pf-hero-visual .pf-via-route>figcaption span{font-size:8px}.pf-hero-visual .pf-via-route-caption{font-size:9px;min-height:42px}.pf-hero-visual .pf-link-statusbar{font-size:8px;padding-inline:7px}.pf-hero-visual .pf-link-statusbar>b{width:40px;height:10px}.pf-hero-visual .pf-link-statusbar>span:last-child{font-size:7px;gap:3px}.pf-hero-visual .pf-yt-comments,.pf-hero-visual .pf-yt-next{display:none}.pf-hero-visual .pf-youtube-masthead{font-size:10px;padding:10px 7px}.pf-hero-visual .pf-youtube-masthead>i:not(.fa-youtube){display:none}.pf-hero-visual .pf-yt-meta h3{font-size:11px}.pf-hero-visual .pf-yt-channel{gap:4px;padding-inline:7px}.pf-hero-visual .pf-yt-channel>div{font-size:8px}.pf-hero-visual .pf-yt-channel>b{font-size:7px;padding:6px}.pf-hero-visual .pf-yt-actions{font-size:7px;gap:3px;padding-inline:6px}.pf-hero-visual .pf-yt-actions>span{padding:6px}.pf-hero-visual .pf-yt-web-notice{font-size:9px}
@media(max-width:800px){.pf-via-phone-pair{gap:22px;grid-template-columns:repeat(2,minmax(0,280px))}.pf-landing .pf-playground:has(.pf-via-comparison){padding:22px}.pf-yt-next{display:none}}
@media(max-width:480px){.pf-landing .pf-playground:has(.pf-via-comparison){padding:18px 10px}.pf-via-phone-pair{gap:12px}.pf-link-phone{height:430px;padding:4px;border-radius:22px}.pf-link-phone-content{border-radius:12px}.pf-link-statusbar{height:22px;font-size:7px;padding:0 5px;gap:5px}.pf-link-statusbar>b{width:32px;height:9px}.pf-link-statusbar>span:last-child{font-size:6px;gap:2px}.pf-via-route>figcaption strong{font-size:12px}.pf-via-route>figcaption span{font-size:8px}.pf-via-route>figcaption{margin-bottom:10px}.pf-via-comparison-intro{font-size:12px}.pf-via-route-caption{font-size:9px;min-height:54px}.pf-phone-home-indicator{width:53px;height:2px;margin-top:6px}.pf-phone-story>header{gap:4px;padding:8px 5px}.pf-ig-avatar{width:18px;height:18px;font-size:7px}.pf-phone-story>header>b{font-size:7px}.pf-phone-story>header>small{font-size:6px}.pf-phone-story>header>i{font-size:10px}.pf-ig-post{gap:12px;padding:12px 6px}.pf-landing .pf-ig-post h3{font-size:19px}.pf-ig-post-eyebrow{font-size:8px}.pf-landing .pf-ig-post .pf-content-art{min-height:65px}.pf-ig-post>p{font-size:9px}.pf-ig-post>button,.pf-ig-sticker{font-size:7px;padding:8px 6px;min-height:32px;gap:4px}.pf-ig-post>small{font-size:5px!important}.pf-phone-story>footer{padding:9px 6px;gap:6px;font-size:12px}.pf-phone-story>footer>span{padding:8px;font-size:6px}.pf-youtube-masthead{padding:9px 6px;gap:4px;font-size:9px}.pf-youtube-masthead>.fa-youtube{font-size:14px}.pf-youtube-masthead>i:not(.fa-youtube){display:none}.pf-yt-account{width:17px;height:17px;font-size:7px}.pf-yt-signin{font-size:7px;padding:4px 6px}.pf-ig-browser-toolbar{padding:10px 6px;gap:5px;font-size:9px}.pf-ig-browser-toolbar>span{font-size:7px}.pf-landing .pf-yt-player .pf-content-art{min-height:78px}.pf-yt-player>div:last-child{font-size:5px;padding:6px}.pf-yt-meta{padding:8px 6px 4px}.pf-landing .pf-yt-meta h3{font-size:10px}.pf-yt-meta>p{font-size:6px}.pf-yt-channel{padding:8px 6px;gap:4px;font-size:8px}.pf-yt-avatar{width:18px;height:18px;font-size:7px}.pf-yt-channel>div>small{font-size:5px}.pf-yt-channel>b{padding:5px;font-size:6px}.pf-yt-actions{padding:2px 5px 8px;gap:3px;font-size:5px}.pf-yt-actions>span{padding:6px 5px;gap:3px}.pf-yt-actions>span>i{font-size:7px}.pf-yt-web-notice{padding:12px 7px;gap:6px;font-size:8px}.pf-yt-web-notice>i{font-size:16px}.pf-yt-comments{margin:0 6px 8px;padding:8px;font-size:7px}.pf-yt-comments>p{font-size:6px}.pf-yt-bottom{padding:8px 3px 6px}.pf-yt-bottom>span{font-size:5px}.pf-yt-bottom>span>i{font-size:10px}.pf-ig-browser-footer{padding:14px 10px;font-size:12px}}

/* A distinct, working example for each widget currently offered by Studio. */
.pf-widget-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:38px}.pf-widget-example{border:1px solid #ffffff16;border-radius:14px;overflow:hidden;background:#15171e;min-width:0}.pf-widget-live-sample{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:25px;background:radial-gradient(ellipse at 50% 0,#f472b612,transparent 70%),#111319;border-bottom:1px solid #ffffff10}
.pf-widget-example-copy{padding:25px}.pf-landing .pf-widget-example h3{display:flex;gap:10px;align-items:center;font-size:23px;line-height:1.25}.pf-widget-example h3>i{color:#f472b6;font-size:18px}.pf-widget-example-copy>p{color:#a6a8b8;font-size:14px;line-height:1.8;margin-top:14px}.pf-widget-example-copy>button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;margin-top:20px;border:1px solid #f472b650;border-radius:8px;background:#f472b60a;color:#f4b5d8;font-size:12px}.pf-widget-example-copy>button:hover{border-color:#f472b6;background:#f472b61a}.pf-widget-feedback{display:block;min-height:18px;margin-top:10px;font-size:11px;color:#b7a7b5}
.pf-widget-leaderboard{width:100%;max-width:340px}.pf-widget-leaderboard>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff10;font-size:13px}.pf-widget-leaderboard strong{margin-left:auto;color:#f472b6;font-size:20px}.pf-widget-leaderboard i{color:#f472b6}.pf-widget-leaderboard>div>span{font-size:10px;color:#868da1}
.pf-widget-wheel{position:relative;width:140px;height:140px}.pf-widget-wheel>i{position:absolute;z-index:2;top:-9px;left:62px;font-size:24px;color:#fff}.pf-widget-wheel>div{width:140px;height:140px;border-radius:50%;background:conic-gradient(#c75b96 0deg 120deg,#82457f 120deg 240deg,#503b72 240deg);border:3px solid #f472b655;position:relative;transition:transform 900ms cubic-bezier(.2,.7,.2,1)}.pf-widget-wheel span{position:absolute;font-size:10px;top:35px;left:75px}.pf-widget-wheel span:nth-child(2){top:95px;left:50px}.pf-widget-wheel span:nth-child(3){top:45px;left:17px}.pf-widget-live-sample>p{font-size:11px;color:#d8b4c9}
.pf-widget-events,.pf-widget-messages{width:100%;max-width:380px;display:grid;gap:9px}.pf-widget-events>p,.pf-widget-messages>p{display:flex;align-items:center;gap:7px;padding:12px;border:1px solid #ffffff12;border-radius:8px;background:#1d1c28;font-size:11px;line-height:1.6}.pf-widget-events i{color:#f472b6}.pf-widget-messages>p{flex-wrap:wrap}.pf-widget-messages b{color:#f472b6}.pf-widget-messages span{width:100%;color:#c2c2cd}
.pf-widget-goal{width:100%;max-width:340px;text-align:center}.pf-widget-goal>span,.pf-widget-marathon>span{display:block;font-size:12px;color:#b5a9bb;margin-bottom:14px}.pf-widget-goal>strong{font-size:32px;font-weight:500}.pf-widget-goal>strong>b{color:#f472b6}.pf-widget-goal>div{height:9px;background:#ffffff15;border-radius:10px;overflow:hidden;margin-top:18px}.pf-widget-goal>div>span{height:100%;display:block;background:#f472b6;transition:width .3s}.pf-widget-marathon{text-align:center}.pf-widget-marathon>strong{font:500 40px/1.2 Inter,sans-serif;font-variant-numeric:tabular-nums;color:#f472b6}.pf-widget-marathon small{display:block;margin-top:16px;color:#bdadbc;font-size:11px}.pf-widget-catalog-note{font-size:13px;line-height:1.8;color:#999fae;margin-top:22px}
@media(min-width:801px){.pf-widget-example:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.pf-widget-example:last-child .pf-widget-live-sample{border-bottom:0;border-right:1px solid #ffffff10}}
@media(max-width:800px){.pf-studio-layout{grid-template-columns:108px minmax(0,1fr)}.pf-studio-nav>span,.pf-studio-nav>button{font-size:9px;padding:8px 6px;gap:6px}.pf-studio-content{padding:16px 12px}.pf-studio-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-studio-home-grid{grid-template-columns:1fr}.pf-studio-search{display:none}.pf-studio-account{margin-left:auto}.pf-widget-catalog{grid-template-columns:1fr}.pf-landing .pf-playground:has(.pf-studio-replica),.pf-landing .pf-playground:has(.pf-via-journey){padding:20px}}
@media(max-width:480px){.pf-hero-visual .pf-studio-layout,.pf-studio-layout{grid-template-columns:38px minmax(0,1fr)}.pf-studio-nav>span>span,.pf-studio-nav>button>span{display:none}.pf-studio-nav{padding:8px 3px}.pf-studio-nav>span,.pf-studio-nav>button{padding:10px 6px;justify-content:center}.pf-studio-content header>p{font-size:9px}.pf-studio-kpis>div{padding:10px 8px}.pf-studio-kpis b{font-size:22px}.pf-studio-kpis span{min-height:0;font-size:7px}.pf-studio-content th{font-size:7px;padding:10px 5px}.pf-studio-content td{font-size:8px;padding:11px 5px}.pf-studio-mini-avatar{width:17px;height:17px;margin-right:4px;font-size:7px}.pf-studio-status{font-size:6px;padding:4px}.pf-studio-topbar{padding:10px;font-size:10px;gap:8px}.pf-studio-topbar b{font-size:10px}.pf-studio-replica-note{font-size:7px}.pf-studio-file{padding:12px 8px;gap:7px}.pf-studio-file b{font-size:8px}.pf-studio-file>small{display:none}
.pf-landing .pf-playground:has(.pf-studio-replica),.pf-landing .pf-playground:has(.pf-via-journey){padding:15px 10px}.pf-via-journey{padding:10px}.pf-via-social-flow{gap:6px;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr)}.pf-via-journey-arrow{font-size:10px}.pf-via-story-phone,.pf-via-destination{border-radius:14px;min-height:260px}.pf-via-story-header{padding:10px 7px;font-size:8px;gap:5px}.pf-via-story-header>span{width:20px;height:20px;font-size:8px}.pf-via-story-art{padding:12px 8px;gap:10px;min-height:230px}.pf-via-story-art>b{font-size:10px}.pf-via-story-art>button{font-size:8px;padding:8px 6px}.pf-via-story-art>button>i{display:none}.pf-via-story-art>small{font-size:6px}.pf-via-destination [data-pf-via-outcome]>b{font-size:10px;padding-inline:8px}.pf-via-destination [data-pf-via-outcome]>p{font-size:8px;padding-inline:8px}.pf-via-destination [data-pf-via-outcome]>small{font-size:8px;padding-inline:8px}.pf-via-destination-placeholder{font-size:10px;padding:12px}.pf-via-youtube-bar{font-size:9px;padding:12px 7px;gap:4px}.pf-via-youtube-bar>span{font-size:6px}.pf-via-browserbar{font-size:7px;gap:4px;padding:10px 6px}.pf-via-publishing{padding:10px}.pf-via-publishing>div:first-child{font-size:10px;flex-wrap:wrap}.pf-via-publishing small{font-size:7px}.pf-landing .pf-via-video-summary .pf-content-art{width:70px;min-height:45px}.pf-landing .pf-via-video-summary h3{font-size:11px}.pf-via-link-result b{font-size:9px}.pf-via-link-result small{font-size:7px}.pf-via-step-controls{flex-direction:column}.pf-via-compare button{font-size:10px}.pf-widget-example-copy{padding:20px}.pf-landing .pf-widget-example h3{font-size:21px}.pf-widget-live-sample{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.pf-widget-wheel>div,.pf-widget-goal>div>span{transition:none}}



/* Reserve the tallest Studio view without measuring or resizing on tab switches. */
.pf-studio-content{display:grid;align-items:start}.pf-studio-content>section{grid-area:1/1;min-width:0;align-self:start}.pf-studio-replica .pf-studio-content>section[hidden]{display:block!important;visibility:hidden;pointer-events:none}
/* Example streams stay within a fixed preview viewport. */
.pf-widget-live-sample{height:240px;min-height:240px;overflow:hidden;position:relative}
.pf-widget-events{height:162px;overflow:hidden;align-content:center}.pf-widget-events>p{height:44px;min-height:44px;margin:0;overflow:hidden;line-height:1.35;padding:8px 10px}.pf-widget-events>p>i,.pf-widget-events>p>svg{flex:none;width:14px}.pf-widget-events>p>b{flex:none}
.pf-widget-messages{height:164px;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;overflow:hidden}.pf-widget-messages>p{margin:0;align-content:center;overflow:hidden;min-height:0}.pf-widget-messages>p>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5}
.pf-widget-leaderboard>div{height:45px;position:relative;transition:background-color .25s,color .25s}.pf-widget-leaderboard>div.is-promoted{background:#f472b61a;border-radius:7px;color:#fff}.pf-widget-leaderboard>div.is-promoted>span{color:#f472b6}.pf-widget-feedback{height:20px;white-space:nowrap;font-size:10px}
.pf-widget-goal-status{height:26px;display:flex;align-items:center;justify-content:center;margin-top:10px;font-size:12px;color:#4ade80}.pf-widget-goal-status>span{display:inline-flex;align-items:center;gap:8px}.pf-widget-goal-status>[hidden]{display:none}.pf-widget-goal.is-complete>div>span{background:#4ade80}.pf-widget-goal.is-complete>strong>b{color:#4ade80}
.pf-goal-spark{position:absolute;left:50%;top:45%;width:5px;height:9px;background:var(--spark-color,#f472b6);border-radius:2px;pointer-events:none}
@media(max-width:480px){.pf-widget-events>p{font-size:10px;gap:5px}.pf-widget-messages>p{font-size:10px}.pf-widget-feedback{font-size:9px}}

.pf-stream-overlay [data-pf-overlay-goal-complete]{position:absolute;bottom:5px;left:10px;right:10px;margin:0;font-size:8px;color:#4ade80;line-height:1.4}.pf-stream-overlay [data-pf-overlay-goal-complete][hidden]{display:none}.pf-stream-overlay.is-goal-complete .pf-goal-track>span{background:#4ade80}.pf-rank.is-promoted{background:#f472b61a;border-radius:5px}
.pf-playground:has(.pf-via-comparison) .pf-demo-feedback{height:36px;min-height:36px;max-width:100%;overflow:hidden}

.pf-ig-post-eyebrow .fa-instagram{color:#ff70bc}
.pf-via-share-examples{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}.pf-via-share-examples>li{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff03;font-size:11px;line-height:1.4;color:#c0c0ce}.pf-via-share-examples>li>i{font-size:13px;color:#f87171}.pf-via-share-examples .fa-whatsapp{color:#25d366}.pf-via-share-examples .fa-instagram{color:#ff70bc}.pf-via-share-examples .fa-telegram{color:#00aeef}
@media(max-width:480px){.pf-via-share-examples{gap:6px;margin-top:16px}.pf-via-share-examples>li{font-size:10px;padding:6px 8px}}

/* Instagram in-app browser: light theme. */
.pf-phone-web{background:#fff;color:#0f0f0f;color-scheme:light}
.pf-phone-web .pf-ig-browser-toolbar,.pf-phone-web .pf-ig-browser-footer{background:#f5f5f5;color:#262626}
.pf-phone-web .pf-ig-browser-toolbar{border-bottom:1px solid #dbdbdb}
.pf-phone-web .pf-ig-browser-toolbar>span>i{color:#737373}
.pf-phone-web .pf-yt-signin{border-color:#d3e3fc;color:#065fd4}
.pf-phone-web .pf-yt-meta>p,.pf-phone-web .pf-yt-channel>div>small{color:#606060}
.pf-phone-web .pf-yt-avatar{background:#eee8f5;color:#4a3c63}
.pf-phone-web .pf-yt-channel>b{background:#0f0f0f;color:#fff}
.pf-phone-web .pf-yt-actions>span{background:#f2f2f2}
.pf-phone-web .pf-yt-web-notice{border-top-color:#e5e5e5;color:#606060}
.pf-phone-web .pf-yt-web-notice>i{color:#737373}
.pf-phone-web .pf-ig-browser-footer{border-top:1px solid #dbdbdb}
.pf-phone-web .pf-yt-player{color:#fff}

.pf-landing .pf-youtube-art{position:relative;overflow:hidden;background:#111}.pf-youtube-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pf-youtube-art>span{position:relative;z-index:1}

.pf-via-auto{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-block:1px solid #f8717135;margin-top:24px}.pf-via-auto>i{color:#f87171;font-size:18px;flex:none;margin-top:3px}.pf-landing .pf-via-auto h2{font:500 18px/1.4 Outfit,sans-serif;letter-spacing:-.01em;text-wrap:initial;color:#f87171}.pf-via-auto p{font:400 14px/1.75 Outfit,sans-serif;color:#b8bac6;margin-top:8px}.pf-via-auto a{display:inline-flex;align-items:center;gap:8px;color:#fb923c;font:500 12px/1.5 Outfit,sans-serif;margin-top:12px}.pf-via-auto a>i{font-size:10px}
@media(max-width:480px){.pf-via-auto{padding-block:16px;gap:10px}.pf-landing .pf-via-auto h2{font-size:17px}.pf-via-auto p{font-size:13px}}

.cm-public-unified .pf-landing .pf-via-auto h2{font:500 18px/1.4 Outfit,sans-serif!important;letter-spacing:-.01em}
@media(max-width:480px){.cm-public-unified .pf-landing .pf-via-auto h2{font-size:17px!important}}