.media-placeholder{--media-placeholder-min-height:220px;width:100%;min-height:var(--media-placeholder-min-height);background:linear-gradient(135deg, transparent 49.5%, var(--border-color) 50%, transparent 50.5%), linear-gradient(45deg, transparent 49.5%, var(--border-color) 50%, transparent 50.5%), var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.media-placeholder--thumbnail,.media-placeholder--fill,.media-placeholder--background,.media-placeholder--inline{--media-placeholder-min-height:0px}.media-placeholder--fill,.media-placeholder--background{height:100%}.media-placeholder--background{box-shadow:none;border:0;border-radius:0}.media-placeholder--inline{vertical-align:middle;width:auto;display:inline-grid}.media-placeholder[data-media-status=ready]{background:var(--bg-secondary);min-height:0;display:block}.media-placeholder[role=button]{cursor:zoom-in}.media-placeholder[role=button]:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.media-placeholder[data-media-status=ready][data-preserve-frame=true]{min-height:var(--media-placeholder-min-height);display:grid}.media-placeholder-message{z-index:1;max-width:390px;color:var(--text-secondary);text-align:center;background:color-mix(in srgb, var(--bg-tertiary) 94%, transparent);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:4px;padding:22px;display:grid;position:relative}.media-placeholder--thumbnail .media-placeholder-message,.media-placeholder--inline .media-placeholder-message{border:0;border-radius:0;align-content:center;width:100%;height:100%;padding:.35rem;overflow:hidden}.media-placeholder--thumbnail .media-placeholder-message span,.media-placeholder--thumbnail .media-placeholder-message small,.media-placeholder--inline .media-placeholder-message span,.media-placeholder--inline .media-placeholder-message small{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-placeholder--thumbnail .media-placeholder-message strong,.media-placeholder--inline .media-placeholder-message strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.media-placeholder-skeleton{background:var(--bg-secondary);align-content:center;gap:14px;padding:clamp(24px,7%,56px);display:grid;position:absolute;inset:0;overflow:hidden}.media-placeholder--thumbnail .media-placeholder-skeleton,.media-placeholder--inline .media-placeholder-skeleton{gap:4px;padding:15%}.media-placeholder-skeleton:after{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--bg-tertiary) 70%, transparent) 50%, transparent 80%);content:"";animation:1.5s ease-in-out infinite media-placeholder-shimmer;position:absolute;inset:0;transform:translate(-100%)}.media-placeholder-skeleton span{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.media-placeholder-skeleton i{background:var(--border-color);border-radius:var(--radius-sm);width:min(72%,520px);height:18px}.media-placeholder-skeleton i:first-of-type{width:min(42%,300px);height:26px}.media-placeholder-skeleton i:last-of-type{width:min(58%,420px)}.media-placeholder--thumbnail .media-placeholder-skeleton i,.media-placeholder--inline .media-placeholder-skeleton i{width:100%;height:20%;min-height:2px}@keyframes media-placeholder-shimmer{to{transform:translate(100%)}}.media-placeholder-message strong{color:var(--text-primary);font-size:13px}.media-placeholder-message span{font-size:12px}.media-placeholder-message small{color:var(--text-secondary);opacity:.72;font-size:10px}.media-placeholder .validated-media{object-fit:contain;opacity:0;width:100%;height:100%;position:absolute;inset:0}.media-placeholder--fit-cover .validated-media{object-fit:cover}.media-placeholder .validated-media.ready{object-fit:contain;opacity:1;width:100%;height:auto;display:block;position:static}.media-placeholder--fit-cover .validated-media.ready{object-fit:cover}.media-placeholder[data-preserve-frame=true] .validated-media.ready{width:100%;height:100%;position:absolute;inset:0}.media-placeholder audio.validated-media.ready{width:calc(100% - 32px);height:auto;margin:16px}.media-placeholder[data-preserve-frame=true] audio.validated-media.ready{position:static}.media-placeholder figcaption{color:var(--text-secondary);text-align:center;background:color-mix(in srgb, var(--bg-tertiary) 88%, transparent);border-top:1px solid var(--border-color);padding:7px 10px;font-size:10px}@media (prefers-reduced-motion:reduce){.media-placeholder-skeleton:after{animation:none}}