/**
 * FlintHub 插件 · 音视频上传播放 —— iframe 文档样式
 * @version 1.5.3
 *
 * 只服务 /media-player/embed/{id} 那份同源文档（里面是直连 R2 的 <video>/<audio>）。
 * 与父页 style.css 分开：那份文档自带一份 CSP，样式只放行 'self'，
 * 而父页样式依赖核心主题变量与 FontAwesome，搬进来既用不上也不生效。
 * 文档里没有任何脚本，所以这里只有布局；零内联样式（规范 §7.3）。
 */

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    /* 透明：音频那档 iframe 只有几十像素高，露出父页卡片的底色才不突兀 */
    background: transparent;
}

.fhmp-embed {
    display: block;
    box-sizing: border-box;
    height: 100%;
}

video.fhmp-embed-video {
    display: block;
    width: 100%;
    height: 100%;
    background: #05070c;
    object-fit: contain;
}

audio.fhmp-embed-audio {
    display: block;
    width: 100%;
    min-height: 40px;
}

/* 取不到媒体（对象被删、R2 未配齐、被限流）时的一句人话 */
p.fhmp-embed-error {
    margin: 0;
    padding: 12px;
    font: 13px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #5b6778;
    word-break: break-word;
}