/*
 * 浏览器原生视频控件策略的 CSS 兜底。
 * 标准行为由 media-element-policy.js 的 controlsList/disableRemotePlayback
 * 负责；这里只定向隐藏 Chromium/WebKit 暴露的下载、投屏按钮，不影响
 * 播放、进度、音量和全屏。
 */
video::-webkit-media-controls-download-button {
    display: none !important;
    -webkit-appearance: none;
}

video::-webkit-media-controls-cast-button {
    display: none !important;
    -webkit-appearance: none;
}

video::-webkit-media-controls-remote-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

video::-internal-media-controls-download-button {
    display: none !important;
}

video::-internal-media-controls-cast-button {
    display: none !important;
}

video::-internal-media-controls-overlay-cast-button {
    display: none !important;
}

/*
 * 某些浏览器壳会无视 controlsList，在任何可见 video 上叠加自己的下载/
 * 投屏工具。纯展示型静音预览改由 canvas 显示，真实 video 只在屏幕外解码。
 */
video[data-vibecut-canvas-source="true"] {
    position: fixed !important;
    inset: auto auto -2px -2px !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    clip-path: inset(100%) !important;
    pointer-events: none !important;
}

.vibecut-media-canvas-preview {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #303030;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}