.media-frame{position:relative;aspect-ratio:4 / 3;border-radius:calc(var(--radius-xl) - .35rem);overflow:hidden;border:1px solid color-mix(in oklab,var(--color-border) 84%,white);background:linear-gradient(160deg,color-mix(in oklab,var(--surface-panel-info) 75%,white),color-mix(in oklab,var(--surface-panel-muted) 90%,white))}.media-frame__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-frame__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f14190d,#0f1419b8)}.media-frame__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.media-frame__placeholder svg{opacity:.8}.media-frame__content{position:absolute;inset:auto 1.25rem 1.25rem;display:grid;gap:.625rem;padding:1.125rem 1.25rem;border-radius:var(--radius-lg);background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.media-frame__content h3{margin:0;font-size:var(--font-size-xl);font-weight:700;line-height:1.2}.media-frame__content p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);opacity:.95}