/* Social profiles share the page canvas, with no enclosing card or frame. */
.preview-social{background:var(--bg);color:var(--primary);overflow:hidden;font-family:Arial,Helvetica,sans-serif;--social-muted:#62666b;--social-line:#d7d7d7;--social-button:#e7e8eb}
[data-theme=dark] .preview-social{--social-muted:#a1a3a7;--social-line:#292b2d;--social-button:#202327}
.preview-social.social-expanded{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 58px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 58px),transparent)}
.social-stage{position:absolute;top:0;left:0;transform-origin:0 0}
.social-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--social-line) transparent;scroll-padding:40px 0 85px;outline-offset:-3px;font-size:14px;line-height:1.45}
.social-scroll *{box-sizing:border-box}
.preview-social img{display:block;position:static;inset:auto;width:100%;height:100%;object-fit:cover}
.social-scroll svg{display:block;width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-scroll a:focus-visible{outline:2px solid #5798f6;outline-offset:3px}
.social-scroll a{transition:opacity .18s,background .18s}
.social-icon-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}
.social-verified{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:6px;background:#0095f6;color:white;vertical-align:middle;clip-path:polygon(50% 0,63% 7%,78% 6%,86% 21%,99% 31%,96% 47%,100% 63%,87% 73%,80% 89%,63% 91%,50% 100%,37% 92%,20% 91%,13% 76%,0 66%,4% 49%,0 34%,13% 23%,20% 8%,38% 9%)}
.social-verified svg{width:13px;height:13px;stroke-width:2.5}
.ig-profile{max-width:650px;margin:10px auto 40px;padding:0 16px;display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px 26px;align-items:start}
.ig-avatar{width:132px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin-top:13px}
.ig-identity{min-width:0}.ig-heading{display:flex;align-items:center;gap:5px}
.ig-username{display:inline-flex;align-items:center;font-size:21px;line-height:28px;font-weight:700;letter-spacing:-.3px}
.ig-name{font-size:13px;font-weight:600;margin:1px 0 11px}
.ig-profile-counts{display:flex;flex-wrap:wrap;gap:7px 17px;font-size:13px;margin-bottom:17px}.ig-profile-counts strong{font-weight:600}
.ig-bio{display:block;font-size:13px;line-height:17px;white-space:pre-line}.ig-bio>span{display:block}.ig-category{color:var(--social-muted);margin-bottom:4px}.ig-bio .ig-more{display:inline;color:var(--social-muted)}
.ig-website{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:600}.ig-website svg{width:16px;height:16px}
.ig-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 40px;gap:8px}
.ig-actions>a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;background:var(--social-button);font-size:13px;font-weight:600}
.ig-actions .ig-follow{background:#4a54ff;color:#fff}.ig-actions a:hover{opacity:.8}.ig-actions svg{width:19px;height:19px}
.ig-tabs{height:58px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--social-line)}
.ig-tab{display:flex;align-items:center;justify-content:center;position:relative;color:var(--social-muted)}.ig-tab.active{color:var(--primary)}.ig-tab.active:after{content:'';position:absolute;bottom:-1px;width:52px;height:2px;background:currentColor}
.ig-tabs svg{width:23px;height:23px}.ig-tab:first-child svg{fill:currentColor;stroke-width:0}
.ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.ig-tile{position:relative;display:block;min-width:0;aspect-ratio:3/4;overflow:hidden;background:var(--social-button);isolation:isolate}
.ig-tile .ig-cover{object-position:center;transition:transform .35s ease}
.ig-reel-mark{position:absolute;right:11px;top:11px;color:#fff;filter:drop-shadow(0 1px 2px #0006)}.ig-reel-mark svg{width:19px;height:19px}
.ig-views{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:6px;padding:27px 12px 12px;background:linear-gradient(transparent,#0008);color:white;font-size:14px;line-height:18px;font-weight:600;z-index:1;pointer-events:none;text-shadow:0 1px 3px #0006}.ig-views svg{width:18px;height:18px}
.ig-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:23px;background:#0008;color:#fff;opacity:0;transition:opacity .22s ease;z-index:2;pointer-events:none}
.ig-metric{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:700}.ig-metric svg{fill:currentColor;stroke-width:0;width:22px;height:22px}
.ig-tile:hover .ig-hover,.ig-tile:focus-visible .ig-hover{opacity:1}
.social-end{display:block;text-align:center;padding:28px 12px 85px;font-size:13px;color:var(--social-muted)}.social-end:hover{color:var(--primary)}
.preview-films .films-grid{padding-bottom:85px}
.films-profile{display:flex;gap:20px;align-items:center;padding:12px 18px 20px}
.films-avatar{width:120px;height:120px;flex:0 0 120px;border-radius:50%;overflow:hidden}
.films-identity{min-width:0}.films-channel-name{display:block;font-size:29px;line-height:1.25;font-weight:700;letter-spacing:-.65px}
.films-profile-meta{display:block;font-size:12px;line-height:19px;color:var(--social-muted);margin:5px 0}
.films-bio{display:block;font-size:13px;color:var(--social-muted);line-height:19px}.films-bio strong{color:var(--primary);font-weight:600}
.films-actions{display:flex;gap:8px;margin-top:11px}.films-actions a{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 13px;border-radius:99px;font-size:12px;font-weight:600;background:var(--social-button)}.films-actions .films-subscribe{color:var(--bg);background:var(--primary)}.films-actions svg{width:20px;height:20px}.films-actions a:hover{opacity:.8}
.films-tabs{display:flex;align-items:stretch;gap:27px;height:46px;border-bottom:1px solid var(--social-line);padding:0 18px;margin-bottom:22px;color:var(--social-muted)}.films-tabs>a{display:flex;align-items:center;position:relative;font-size:14px;font-weight:600}.films-tabs .active{color:var(--primary)}.films-tabs .active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:currentColor}.films-tabs .social-icon-link{height:auto}
.films-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 16px;padding:0 12px}
.film-card{position:relative;min-width:0}.film-link{display:block}.film-art{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--social-button)}.film-art img{transition:transform .3s ease}.film-link:hover .film-art img{transform:scale(1.025)}
.film-duration{position:absolute;right:5px;bottom:5px;border-radius:3px;padding:2px 4px;background:#000c;color:#fff;font-size:10px;line-height:1.2;font-weight:600}
.film-link h3{padding-right:18px;margin:9px 0 4px;font-size:14px;line-height:19px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.film-stats{display:flex;gap:7px;align-items:center;color:var(--social-muted);font-size:12px;line-height:17px}.film-views{display:inline-flex;align-items:center;gap:3px}.film-views svg{width:10px;height:10px}
.film-more{position:absolute;right:0;top:0;margin-top:calc((100% * 9 / 16) + 8px);display:grid;place-items:center;width:16px;height:20px}.film-more svg{width:18px;height:18px;transform:rotate(90deg);stroke-width:3}
.social-project .gallery-layout{max-width:1440px;gap:52px}.social-project #gallery{width:1000px;max-width:calc(100% - 310px);padding-top:clamp(50px,12vh,120px);padding-bottom:34px}
.social-project .hero-host{aspect-ratio:auto;height:calc(100dvh - clamp(50px,12vh,120px) - 32px);min-height:650px;max-height:1150px}
.social-project .hero-host>.preview{border-radius:0;box-shadow:none}.shared-media:has(.preview-social){border-radius:0;box-shadow:none}#previews>.preview-social{pointer-events:none}
@media(max-width:1023px){.social-project .gallery-layout{max-width:960px}.social-project #gallery{width:100%;max-width:100%;padding:0 0 28px}.social-project .hero-host{height:80dvh;min-height:620px}.social-project .gallery-nav{padding:48px 44px 35px}}
@media(max-width:599px){
 .social-project{padding:0 10px}.ig-profile{grid-template-columns:78px minmax(0,1fr);gap:18px 15px;margin-bottom:20px;padding:0 8px}.ig-avatar{width:78px;margin-top:6px}.ig-username{font-size:18px}.ig-profile-counts{gap:4px 10px;font-size:12px;margin-bottom:12px}.ig-name{font-size:12px}.ig-bio,.ig-website{font-size:12px;line-height:16px}.ig-actions>a{min-height:36px}.ig-tabs{height:48px}.ig-grid{gap:2px}.ig-views{font-size:11px;padding:22px 6px 7px;gap:4px}.ig-views svg{width:14px;height:14px}.ig-reel-mark{top:6px;right:6px}.ig-reel-mark svg{width:15px;height:15px}.ig-hover{gap:10px}.ig-metric{font-size:12px;gap:4px}.ig-metric svg{width:16px;height:16px}
 .films-profile{padding:8px 5px 17px;gap:12px}.films-avatar{width:76px;height:76px;flex-basis:76px}.films-channel-name{font-size:23px}.films-profile-meta,.films-bio{font-size:12px;line-height:17px}.films-actions{gap:6px}.films-actions a{padding:7px 10px;font-size:12px}.films-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 10px;padding:0 3px}.films-tabs{padding:0 5px}.film-link h3{font-size:13px;line-height:18px}.film-stats{font-size:11px;gap:5px}.film-art{border-radius:7px}
}
@media(hover:none){.ig-hover{inset:auto 0 0;min-height:52px;background:linear-gradient(transparent,#000b);opacity:1;justify-content:flex-end;align-items:flex-end;padding:8px 6px;gap:8px}.ig-views{padding-bottom:28px}.ig-metric{font-size:11px;gap:3px}.ig-metric svg{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.social-scroll a,.ig-tile .ig-cover,.ig-hover,.film-art img{transition:none}}