.mediaoverlay{inset:auto 10px 10px auto;background:none;display:block;pointer-events:none;font-size:12px}
.mediaoverlay span{background:#12243acc;padding:6px 9px}
.player-controls{display:flex;align-items:center;gap:10px;padding:12px 2px 10px}
.player-toggle{width:34px;height:34px;flex:none;border:0;border-radius:50%;background:#1769e0;color:#fff;font-size:14px;display:grid;place-items:center}
.player-toggle:hover{background:#0959c5}
.player-time{font-variant-numeric:tabular-nums;color:#65748a;font-size:12px;min-width:35px;text-align:center}
.player-range{flex:1;min-width:0;accent-color:#1769e0;cursor:pointer}
.markerbar{height:30px;position:relative;margin:0 13px 8px}
.markerbar:before{content:"";position:absolute;left:0;right:0;top:14px;height:3px;border-radius:3px;background:#dce8f6}
.marker{position:absolute;top:4px;transform:translateX(-50%);height:24px;width:24px;border:2px solid #fff;border-radius:50%;background:#36b478;color:#fff;box-shadow:0 1px 5px #1f3d6155;font-size:11px;font-weight:700;z-index:1}
.marker.abnormal{background:#e76363}
.marker.selected{outline:2px solid #1769e0;outline-offset:2px}
.marker:hover{transform:translateX(-50%) scale(1.15)}
.timeline-label{line-height:1.5;padding-bottom:2px}
.mediaimage{aspect-ratio:16/9;overflow:hidden}
.mediaimage img{width:100%;height:100%;object-fit:cover}