.media-player { width: 100%; min-width: 0; box-sizing: border-box; overflow: hidden; margin: 0; border: 1px solid var(--line, #e4e7ec); border-radius: 15px; background: var(--surface, #fff); }
.media-player--provider { padding: 20px; display: grid; gap: 15px; box-shadow: 0 8px 22px rgba(16,24,40,.05); }
.media-player__provider-heading { min-width: 0; display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: start; gap: 14px; }
.media-player__provider-heading h3 { margin: 8px 0 5px; color: var(--ink, #101828); font-size: 1rem; line-height: 1.3; overflow-wrap: anywhere; }
.media-player__provider-heading p { margin: 0; color: var(--muted, #667085); font-size: .78rem; line-height: 1.55; }
.media-player__provider-mark { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: #111827; font-family: Arial, sans-serif; font-size: 1.35rem; font-weight: 900; box-shadow: 0 8px 18px rgba(16,24,40,.12); }
.media-player__provider-mark--youtube { background: #ff0033; }
.media-player__provider-mark--vimeo { background: #1ab7ea; }
.media-player__provider-mark--spotify { color: #101010; background: #1ed760; }
.media-player__provider-mark--tiktok { background: #010101; text-shadow: 2px 1px #25f4ee, -2px -1px #fe2c55; }
.media-player__provider-mark--instagram { background: linear-gradient(145deg, #833ab4, #fd1d1d 62%, #fcb045); }
.media-player__provider-mark--facebook { background: #1877f2; font-size: 1.8rem; font-family: Arial, sans-serif; }
.media-player__provider-mark--x { background: #050505; }
.media-player__target:empty { display: none; }
.media-player__target { width: 100%; min-width: 0; overflow: hidden; border-radius: 11px; background: #f2f4f7; }
.media-player__target iframe { display: block; width: 100%; border: 0; min-height: 260px; aspect-ratio: 16 / 9; background: #fff; }
.media-player[data-provider="tiktok"] .media-player__target { max-width: 420px; margin-inline: auto; }
.media-player[data-provider="tiktok"] iframe { aspect-ratio: 9 / 16; max-height: 740px; }
.media-player[data-provider="instagram"] .media-player__target, .media-player[data-provider="facebook"] .media-player__target { max-width: 560px; margin-inline: auto; }
.media-player[data-provider="instagram"] iframe, .media-player[data-provider="facebook"] iframe { aspect-ratio: auto; height: 620px; }
.media-player[data-provider="spotify"] iframe { aspect-ratio: auto; height: 352px; }
.media-player__status { margin: 0; color: var(--muted, #667085); font-size: .74rem; line-height: 1.5; }
.media-player__actions { display: flex; flex-wrap: wrap; gap: 9px; }
.media-player [data-media-activate][hidden] { display: none !important; }
.media-player__actions .kt-btn { min-height: 38px; text-decoration: none; }
.media-player__actions .kt-btn:first-child { color: var(--site-on-primary, #fff); background: var(--site-primary, #111); }
.media-player__actions .kt-btn:first-child:hover { filter: brightness(.94); }
.media-player__actions .kt-btn[disabled] { opacity: .65; cursor: wait; }
.media-player__action:focus-visible, .media-player a:focus-visible, .media-player button:focus-visible { outline: 3px solid var(--site-primary, currentColor); outline-offset: 3px; }
.media-player--managed { padding: 18px; display: grid; gap: 13px; }
.media-player--managed figcaption { display: flex; align-items: center; gap: 10px; color: var(--ink-soft, #344054); font-size: .82rem; }
.media-player__file-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--site-on-primary, #fff); background: var(--site-primary, #111); }
.media-player video, .media-player audio { display: block; width: 100%; max-width: 100%; }
.media-player video { overflow: hidden; border-radius: 11px; background: #101828; aspect-ratio: 16 / 9; }
.media-player__file-link { width: fit-content; color: var(--site-primary, #111); font-size: .75rem; font-weight: 750; text-decoration: none; }
.media-player--document { padding: 16px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 13px; }
.media-player__document-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; color: #b42318; background: #fee4e2; font-size: .68rem; font-weight: 900; }
.media-player--document strong, .media-player--document small { display: block; overflow-wrap: anywhere; }
.media-player--document strong { color: var(--ink-soft, #344054); font-size: .82rem; }
.media-player--document small { margin-top: 4px; color: var(--muted, #667085); font-size: .7rem; }
.media-player--image { position: relative; background: #f2f4f7; }
.media-player--image img { display: block; width: 100%; height: auto; max-height: 620px; object-fit: cover; aspect-ratio: 16 / 9; }
.media-player--image figcaption { position: absolute; right: 12px; bottom: 12px; left: 12px; width: fit-content; max-width: calc(100% - 24px); padding: 7px 10px; border-radius: 8px; color: #fff; background: rgba(16,24,40,.78); font-size: .72rem; line-height: 1.35; }
.media-player--featured { border: 0; border-radius: 18px; }
.media-player--featured img { max-height: 560px; }
@media (max-width: 640px) {
  .media-player--provider { padding: 15px; }
  .media-player__provider-heading { grid-template-columns: 42px minmax(0, 1fr); gap: 11px; }
  .media-player__provider-mark { width: 42px; height: 42px; border-radius: 11px; font-size: 1rem; }
  .media-player__actions { display: grid; grid-template-columns: 1fr; }
  .media-player--document { grid-template-columns: auto minmax(0, 1fr); }
  .media-player--document .kt-btn { grid-column: 1 / -1; }
  .media-player[data-provider="instagram"] iframe, .media-player[data-provider="facebook"] iframe { height: 520px; }
}