.social-frame{background:var(--cp-surface);width:100%;height:100%;position:relative;overflow:hidden}.social-frame-inner{transform-origin:0 0;position:absolute}.social-frame iframe{opacity:0;background:var(--cp-surface);border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.social-frame iframe.ready{opacity:1}.social-poster{background:var(--cp-brand-deep);width:100%;height:100%;color:var(--cp-brand-fg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.social-poster>svg{flex:none;width:34px;height:34px}.social-poster>strong{overflow-wrap:anywhere;font-size:18px;line-height:1.2}.social-poster>span{color:var(--cp-brand-muted);font-size:12px;line-height:1.4}.social-frame-inner .social-poster{gap:20px}.social-frame-inner .social-poster>svg{width:52px;height:52px}.social-frame-inner .social-poster>strong{font-size:30px}.social-frame-inner .social-poster>span{font-size:18px}.social-reserve{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.social-retry{border:1px solid var(--cp-action);background:var(--cp-action);min-height:44px;color:var(--cp-action-fg);font:600 16px var(--sh-font-ui);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.social-tv>.social-frame-inner .social-poster>span{font-size:24px}
