.editing-intro{max-width:760px!important;line-height:1.7!important}
.social-showcase{margin:42px 0 36px;padding:clamp(24px,4vw,56px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center;min-height:640px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(70,119,255,.055),rgba(70,119,255,.015))}
.social-eyebrow{display:block;color:var(--blue);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:650}
.social-showcase-copy h2{font-size:clamp(34px,4vw,60px);letter-spacing:-.055em;line-height:1.08;margin:20px 0 16px;overflow-wrap:anywhere}
.social-showcase-copy p{color:var(--muted);font-size:13px;line-height:1.65}.social-showcase-copy .social-instruction{font-size:16px;max-width:340px;margin-top:32px}
.social-player-area{min-width:0;display:flex;justify-content:center;align-items:center;min-height:540px}
.social-video-frame{width:min(100%,calc(62svh * var(--video-ratio)));aspect-ratio:var(--video-ratio);border-radius:20px;overflow:hidden;isolation:isolate;background:#080b13;box-shadow:0 14px 45px #0002}
.social-video-frame video{display:block;width:100%;height:100%;aspect-ratio:var(--video-ratio);object-fit:cover;border:0;border-radius:inherit}
.social-selection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:42px 0 18px}.social-selection-heading h2{font-size:20px;letter-spacing:-.03em;margin:0}.social-selection-heading p{color:var(--muted);font-size:12px;margin:0}
.social-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:70px}
.social-example{display:flex;flex-direction:column;min-width:0;text-align:left;background:transparent;color:var(--fg);border:1px solid var(--line);padding:10px 10px 16px;border-radius:20px;font:inherit;cursor:pointer;transition:border-color .22s,background .22s,transform .22s}
.social-example[aria-pressed="true"]{border-color:var(--blue);background:#4677ff0c}.social-example:hover{transform:translateY(-3px);border-color:#4677ff88}.social-example:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.social-thumb{display:block;position:relative;aspect-ratio:16/10;width:100%;border-radius:12px;overflow:hidden;background:#080b13}.social-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.social-example:hover img{transform:scale(1.035)}.social-thumb-play{position:absolute;left:12px;bottom:12px;background:#080b1380;border:1px solid #ffffff60;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#fff;font-size:11px;backdrop-filter:blur(6px)}
.social-example-name{font-size:15px;font-weight:600;padding:14px 6px 0;line-height:1.4}.social-example-meta{font-size:11px;color:var(--muted);padding:6px 6px 0}
@media(max-width:700px){.social-showcase{grid-template-columns:1fr;gap:24px;padding:24px;min-height:0;border-radius:22px}.social-showcase-copy h2{font-size:34px;margin:12px 0}.social-showcase-copy .social-instruction{margin:12px 0 0;font-size:14px;max-width:none}.social-player-area{min-height:0}.social-video-frame{width:min(100%,calc(66svh * var(--video-ratio)));border-radius:16px}.social-examples{gap:10px}.social-example{padding:6px 6px 12px;border-radius:14px}.social-thumb{border-radius:9px;aspect-ratio:3/4}.social-example-name{font-size:12px;padding:10px 2px 0}.social-example-meta{font-size:10px;padding:5px 2px 0}.social-selection-heading p{display:none}.social-thumb-play{left:8px;bottom:8px;width:25px;height:25px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.social-example,.social-thumb img{transition:none}.social-example:hover,.social-example:hover img{transform:none}}